Viewing Number of Images Per Page in Image Gallery

Number of Images Per Page in Image Gallery



User: Roddy 8 years ago
The swipe gallery uses Photoswipe. Here is an image grid created with the older version which uses jQuery.

This gallery uses Swipebox but is limited to 12 images.

An example of colorbox with effects.

Magnific Popup is yet another lightbox. To create any of these in EverWeb you would need to use code injection since the EverWeb widget API can't handle both thumbnail images and enlarged images in the same widget.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Dan Y. 8 years ago
Hmm. Just in case I get ambitious and/or desperate, could you point me to the EverWeb widget API documentation. Thanks again.
User: Roddy 8 years ago
Quote:
could you point me to the EverWeb widget API documentation

There isn't any.

Perhaps you are confusing this with creating an item using code rather than a widget. To do this, you need to know what code goes where and - in the case of a lightbox slideshow - compile a list of links which open both the thumbnail images in the grid and the full size images. The images are inserted into the HTML by right clicking each image file name in the assets list, copying the relative file path and pasting it into the code. For a 200 image slider you would need to do this 400 times! To do it successfuly you would need to name your images and their related thumbnail image in an alphanumeric sequence to avoid getting hopelessly mixed up.

The above is how "real" web designers do it. It's worth trying one time just to appreciate how much EverWeb does for us!

Have a look at the EverWeb Codebox website to see how to insert code

The example of a custom Galleria slideshow shows a typical java script for setting up slideshow options.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Dan Y. 8 years ago
Quote: "There isn't any."

You referred to the "EverWeb widget API" in your previous post. I assume you mean there isn't API documentation available online. I guess there's a developer program or some such for widgets, and that gives you access to the documentation?

While I'm still doubtful I would take the trouble to follow this path, assuming writing my own widget is not feasible, it occurred to me that I could work around the issue of needing image sizes for Photoswipe by writing a standalone pre-processor app to generate that part of the HTML from a folder of images. I don't really care about having individual thumbnails outside the viewer, just a static image link to each album. So worst case would be I create a kind of template page for the image viewer and modify it once for each album, even, if necessary, completely outside of EverWeb (still using EverWeb for the rest of the content.)

P.S. The forum mechanism for sending email notification of new posts in a followed thread seems to not always work.
User: Dan Y. 8 years ago
Well, never mind; I'm moving on. I've uninstalled EverWeb.
User: Roddy 8 years ago
Large numbers of images are best split into smaller galleries - each one their own page.

You could use something like the responsive image grid as a master where users can select which gallery they want to view. Although it's billed as responsive you can use it on a fixed width site too.

Using a system like this I dare say you could display thousands of images.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Dan Y. 8 years ago
Quote: "Large numbers of images are best split into smaller galleries - each one their own page. "

I disagree. Sometimes small galleries are good; sometimes they're not. Even in random web browsing of presumably professionally designed sites, it's not hard to come across examples with hundreds of images in a single slider. Yesterday, e.g., I saw one with 300 images from "Game of Thrones". And it was appropriate.

Having a website tool with a low limit on number of images is like having a word processor that forces short chapters on the author of a book. There are natural divisions, particularly in a set of images that tell a story, that make it undesirable to break into arbitrary small chunks. Having arbitrary small chunks in itself can be annoying, and adds navigation complexity, to a user who simply wants to see all the images in sequence.

If all you can come up with for the title of a gallery is "Part 1 of 12", there's a usability issue.

Last edit 8 years ago
User: Roddy 8 years ago
How many images would you want to display via a thumbnail gallery?

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Roddy 8 years ago
Quote:
If all you can come up with for the title of a gallery is "Part 1 of 12", there's a usability issue.

I have just created a widget which self generates same size thumbnails and organises them in a grid which launches a lightbox slideshow - autoplay or manual. I can therefore adjust the max number of images but I would need to know what this should be?

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Dan Y. 8 years ago
Quote: “How many images would you want to display via a thumbnail gallery? “

Preferably, no thumbnail gallery. Preferably, a viewer with no limit on number of images, with a performance-optimizing mechanism that only loads a few images at a time. In my current iWeb usage, I set a limit of 300 images per album/gallery but try to keep the actual number below 200.

Preferably, the look-and-feel and features (e.g. zoom, full screen) as in the demo on photoswipe.com. No need for auto-advancing slideshow, but if present, must be defeatable. Preferably, navigation controls that don’t disappear, but if they do, the captions don’t.

Last edit 8 years ago
User: Roddy 8 years ago
Quote:
Preferably, no thumbnail gallery.

PhotoSwipe is a thumbnail gallery which launches a lightbox slideshow. It can be used to launch a slideshow from a single thumbnail so that you can have several slideshows on one page. That's what the Swipe Gallery widget does. It uses PhotoSwipe2.

Christopher created a gallery with PhotoSwipe3 using codee injection. A forum search should reveal the topic.

Photoswipe does have options for preventing the toolbar from hiding by changing the auto hide delay time to zero. The position of the caption and toolbar can also be switch.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Dan Y. 8 years ago
Yes, the Swipe Gallery appears to be closest to what I am looking for. See my post #6 above for a few unanswered questions. Also…

I don’t know if the Swipe Gallery navigation controls — icons, positioning, image counter — can be configured like the photoswipe demo, which is as close to ideal as I could hope for. And now that I’ve seen them, I really covet the zoom and full screen features.

When the Swipe Gallery navigation controls auto-disappear, so do the captions. And the controls don’t reappear on mouse movement.

I don’t want images to appear to slide (on a non-touchscreen device, and tailoring to touchscreen devices is not high priority).

You have commented about how you think large galleries are never a good idea. I’m not sure from the Swipe Gallery description if it can handle the numbers I’ve mentioned, with the efficiency photoswipe describes as “lazy loading”.

I had previously read the thread by Christopher about code injection. You previously pointed out how cumbersome this would be.
User: Dan Y. 8 years ago
I'm getting more used to the terminology. Looks like I want a swipe gallery that doesn't swipe, a slider that doesn't slide, and a lightbox slideshow that isn't a slideshow and doesn't use a lightbox. :-)

Last edit 8 years ago
User: Roddy 8 years ago
Quote:
When the Swipe Gallery navigation controls auto-disappear, so do the captions. And the controls don’t reappear on mouse movement.

I pointed out previously that the control bar can be configure to stay in view permanently and that the position of the controls and captions can be switched. You still need to launch the slider from a thumbnail or image hyperlink.

There is a full screen slider widget but the problem is you need to load huge image files to maintain quality.

There are alternatives to PhotoSwipe which have a full screen control but you would need to load at least three versions of each image - thumb, full and fullscreen.

If you want big you can use a responsive slider.

If you are using images of varied aspect ratio, you need to use a lightbox or an adaptive height slider.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Dan Y. 8 years ago
Re image size and full screen display: The files I load into iWeb have been photoshopped to usually 200K file size, up to say 300K-ish for large panoramas. It’s “full screen” mode doesn’t behave as I’d like, but when viewing any of the files in Preview at full resolution the quality is fine, as far as I’m concerned. The images are of varied aspect ratio. The performance of a 200-image gallery is, I judge, acceptable.

The problem with all the alternatives, of which I can’t be sure without trial and error testing, is apparently the following. If I list half a dozen requirements, you can suggest alternatives, each of which will satisfy one or more requirements, but none will do all. And one requirement is that it’s as easy to use as iWeb, or at least within the ballpark.

So thanks again for the suggestions, but I’m back-burnering the whole thing. As far as I can tell, I can’t do better than iWeb and it still works.

Last edit 8 years ago


Post Reply
You must login or signup to post.