Forum > News & Announcements > Multi-image pages
Pages: 1 2
"Multi-image pages", 1st Feb 2020, 4:05 AM #1
Kyo
🐊
User avatar
Posts: 18670
Registration date: 6th Jul 2008
Location: the swamp
Hello friends

images are pretty good, right? but you know what's better than one image? multiple images, stacked on top of one another.

and that's why I spent the last few weeks working tirelessly to make this dream a reality, right here on comicfury.com. Now this isn't infinite scroll, it's just multiple images stacked on top of one another on a comic page, so if your pages are very long, you can split 'em up, to make them load better.

I know this is a pretty simple feature in terms of what it does, but I had to make a lot of changes to the upload and edit comic page to facilitate it, so it still managed to take quite a lot of time and effort. Even if you don't plan to split up your images into multiple parts, the upload page will now come with a fancy drag and drop thingy and give a little thumbnail preview of the image you selected.

The edit page will now show you the current page image along with its dimensions, and there's a drag and drop list thingy to rearrange, add and delete files. I hand coded it, so please take extra care to savour each drag on this new list widget, as if it was your last cigarette. (congratulations on quitting by the way)

As a side effect of the new drag and drop interface thingy for the page upload, I also had to disable .swf upload support. Now, flash is supposed to be killed at the end of the year anyway, and support is already quite spotty, so I wouldn't recommend anyone upload flash files at this point anymore, however if you do want to do this, it's still possible using the embed functionality (you can still upload flash files as extra files).

Oh yeah and none of this works in mass-upload/mass-edit yet, sorry. You can still mass-edit the pages, but if the page has more than one image, you won't be able to change images from the mass-editor (editing single-image pages works just as before). Mass-upload is also restricted to one image each page, at least for now.

So to get this working perfectly in your layouts, you may also have to make some slight changes, depending on your layout. If there's space between the images, the following CSS code should fix it:

.comicsegments {
    line-height:0;
}

.comicsegments .textcontent {
    line-height:normal;
}
_______________________
hello
"YOU'RE AMAZING!!!", 1st Feb 2020, 5:09 AM #2
Starriko

User avatar
Posts: 1
Registration date: 8th Dec 2019
I'm usually quiet and I don't go on the forums too often but when I saw the change on the upload page I was so happy!!! I had to check and see what you had to say about it and I just wanted to take a quick moment to thank you for this~ Thank you for working hard for this site
You're awesome <3
_______________________
β˜† i will strive to have a more positive outlook on life, and i hope you will too β˜†
1st Feb 2020, 5:13 AM #3
Juan_Smith
killersteak's novelty account
User avatar
Posts: 44
Registration date: 23rd Aug 2014
Hello, I represent the Korean-Merican company LemonSoft. I hear you have webtoon like functionality. I would like to buy you out. I will give you nearly all the moneys to buy this Cosmic-Fury place you have here.
_______________________
ttps://wwwfCy_BxDdA][img]http://animalweekly.webcomic.ws/f
1st Feb 2020, 5:19 AM #4
killersteak
Botanist
User avatar
Posts: 5089
Registration date: 25th Apr 2011
Location: i wish i were a berd
love the drag and drop.

Merged Doublepost:

BUG - cant delete.

image

Merged Doublepost:

i had to go into edit page, edit multi pages, delete the extras, save, and then it allowed me to delete.
1st Feb 2020, 5:25 AM #5
Kyo
🐊
User avatar
Posts: 18670
Registration date: 6th Jul 2008
Location: the swamp
fixed!
_______________________
hello
1st Feb 2020, 7:12 AM #6
roma

User avatar
Posts: 36
Registration date: 13th Jul 2011
Oh wow. Thank you for this and your hard work!
"That seemed nice, but basically inaccessible", 1st Feb 2020, 7:33 AM #7
xwindows
ascii man
User avatar
Posts: 251
Registration date: 23rd Dec 2014
Kyo:the upload page will now come with a fancy drag and drop thingy and give a little thumbnail preview of the image you selected.

Not very thrilled to hear it.

How do I upload multiple-image pages when the upload interface appeared like this?

Note that this is a new functionality; as opposed to a new way to access existing functionality (e.g. mass upload); which means it is a functionality non-accessible to non-scripting users.

FIX, PLEASE.

^ Off the top of my head, there are two approaches to this fix:

A. Provide "Add more image" submit button at the end of the form (which will upload current image, and return to this form again for more image).
B. Allow multiple "Comic Image" fields, a.k.a. the Gmail Classic approach.

The approach (A) should be more aligned with what I guesstimated the backend support currently works; and should not cause any load/bottleneck issue.

Kyo:I also had to disable .swf upload support. Now, flash is supposed to be killed at the end of the year anyway

- That is a filmsy excuse for removing SWF support. The idea that software is "killed" at supplier's word really disgusts me. My browsers even have two Flash implementations (one libre, one proprietary); and can still play Flash today.

- What would happen to existing comic pages which already have SWF content?

- Why there's no new format as at least a partial replacement, like SVG+SMIL? (A "support" for this can even be achieved by simply having `.svg` in the upload whitelist; since they work fine in a regular `<img>` tag)
1st Feb 2020, 7:44 AM #8
Kyo
🐊
User avatar
Posts: 18670
Registration date: 6th Jul 2008
Location: the swamp
Existing flash files will continue to work fine. There's really no disadvantage to using an embed code for your flash file.

Multi-image upload does require javascript, sorry, that's not going to change. It was either this or not doing multi-image upload at all. If you want to do this without using javascript while uploading, you can use an embed code and do it yourself, that'd be a workaround (that I would not really recommend though). I'm all about graceful degradation, and making things work as well as possible when scripts are disabled, but there is a threshold of additional work that makes supporting non-script users unviable, and this just exceeds that. I'm not going to implement, test and maintain an entirely seperate interface for uploading, editing, rearranging and deleting images, that will be used by almost no one, and is not required for core functionality of the site. Sorry, I know that's not what you wanted to hear.

e: as for svg support, that will probably be added in the future, the main hold up is that I'll have to develop a good way to consistently get a width and height out of the svg, when there is one
_______________________
hello
1st Feb 2020, 2:54 PM #9
Sovember

User avatar
Posts: 1678
Registration date: 23rd Dec 2015
Location: Metaphysical Realm
Really cool thanks for the trouble! Have to try this, I'm someone that prefers using linux terminal commands a lot of times so I actually didn't mind pasting an html image tag over and over for the images xD. But this makes things easier and definitely will be more accessible for anyone else stacking images so will try it out later :D
_______________________
imageimageimage
">You need to learn how to use javascript to use the feature", 1st Feb 2020, 3:40 PM #10
Reapeageddon

User avatar
Posts: 161
Registration date: 20th Nov 2019
Location: The Internet, duh!
Welp, I'm looking forward to the tutorial.
_______________________
image
1st Feb 2020, 3:47 PM #11
Kyo
🐊
User avatar
Posts: 18670
Registration date: 6th Jul 2008
Location: the swamp
you don't need to learn javascript, you just need to have javascript enabled in your browser (which would almost always be on by default). there's no coding involved
_______________________
hello
1st Feb 2020, 4:28 PM #12
Matt Comics
πŸ‹οΈβ€πŸŽ¨π•½π–Šπ–“π–†π–Žπ–˜π–˜π–†π–“π–ˆπ–Š 𝕸𝖆𝖓 πŸ’…πŸ‚
User avatar
Posts: 1703
Registration date: 17th Aug 2017
Location: Somewhere between dimensions βš™οΈ
ooh, I've been waiting for this!

so far so good. I just think the interface looks a bit clunky right now. we need some spacing between the "edit images" and "manage comments" sections.

I know scrolling down is enough to find it, but someone new to the site might get confused and wonder which option they should use, so you might want to add something like this under the normal uploading option. "by default, comic pages will only contain a single image. to upload more than one image to the same page, scroll down to the multi-image form." something along those lines? or am I overthinking it?

also, do the previews really have to be so big? would thumbnails be too server-taxing?

anyway, I'm gonna play around with this every now and then. thanks!
_______________________
image image
1st Feb 2020, 8:42 PM #13
Hobo of Justice
Webcomic Diver
User avatar
Posts: 20
Registration date: 1st Oct 2013
Location: Cardboard Box
From someone with long pages, thank you for this.
You're awesome, Kyo.
_______________________
image
1st Feb 2020, 9:29 PM #14
shaneoid

User avatar
Posts: 554
Registration date: 19th May 2016
Location: UK
OMG I'm literally in need of this feature right now on my very next upload, it's fate!
_______________________
1st Feb 2020, 9:50 PM #15
Kyo
🐊
User avatar
Posts: 18670
Registration date: 6th Jul 2008
Location: the swamp
Matt Comics:ooh, I've been waiting for this!

so far so good. I just think the interface looks a bit clunky right now. we need some spacing between the "edit images" and "manage comments" sections.

I know scrolling down is enough to find it, but someone new to the site might get confused and wonder which option they should use, so you might want to add something like this under the normal uploading option. "by default, comic pages will only contain a single image. to upload more than one image to the same page, scroll down to the multi-image form." something along those lines? or am I overthinking it?

also, do the previews really have to be so big? would thumbnails be too server-taxing?

anyway, I'm gonna play around with this every now and then. thanks!


well, if you do upload more than one image to begin with, the edit interface will contain a link to further down on the page, to multi-image manage the comic page or whatever you wanna call it. I'll see if I can find a good spot to put a link when the upload input is present as well

the reason the previews are big are a couple: first of all, to let people double check unreleased pages have the right images more easily, but mostly to make sure that the transition from one image to another is stitched together properly and will show up correctly on the site. I could make 'em smaller, I figured people would get more out of the larger previews
_______________________
hello
2nd Feb 2020, 9:58 AM #16
Tehpikachu

User avatar
Posts: 33
Registration date: 22nd Nov 2019
Location: all around you, in the radio waves
wow kyo you're a god :O all these site improvements are super appreciated, it's a world of difference from smack jeeves, even in its heyday
_______________________
image
2nd Feb 2020, 11:31 AM #17
Reapeageddon

User avatar
Posts: 161
Registration date: 20th Nov 2019
Location: The Internet, duh!
Since this is pretty much multiple images in one page, I guess that means technically less page-views... :(
_______________________
image
2nd Feb 2020, 12:19 PM #18
Kyo
🐊
User avatar
Posts: 18670
Registration date: 6th Jul 2008
Location: the swamp
well it's mostly meant for people who were going to post long stuff anyway, or people who are hosting a scroll-style webcomic on CF. Naturally there's no obligation to post more than one image each page, how exactly you want to split up your images, if at all, is up to you
_______________________
hello
2nd Feb 2020, 9:54 PM #19
blargargy

User avatar
Posts: 45
Registration date: 25th Feb 2019
Location: Australia
Fantastic! Once again you've outdone yourself, Kyo!!

Just a question, and I realise it's probably a stupid and if not very ignorant one, but it's a feature I've been fantasising about for a while now..

Is there any possible way that clicking on a page could auto scroll to the page below it instead of going to the next page? Alternatively, is there a way to disable the ability to click on any but the last page on a scrolling page to 'force' readers to scroll down and read the entire page before proceeding?

The idea is that this would prevent people from accidentally skipping a page, which I worry happens a lot in my comic.

I understand this is probably not possible since it'd conflict with the script that's already there but I'm hoping it won't hurt to ask :-P
_______________________
image
2nd Feb 2020, 10:11 PM #20
Kyo
🐊
User avatar
Posts: 18670
Registration date: 6th Jul 2008
Location: the swamp
Definitely always go for the feature request, I love hearing peoples ideas.

in your webcomic settings, you can find an option labelled "Use comic image as link to next page?", which you can turn off to disable the links on the comic images.

the clicking to go to the image below is a very interesting idea. Would love to hear others to chime in what they think about that, I could definitely see that being useful although I'm not sure if it'd be a little confusing to people. I'll add a loop for the individual image components to make adding custom stuff like this a bit easier
_______________________
hello
Forum > News & Announcements > Multi-image pages
Pages: 1 2