Pre-sale question: Retina support for thumbnails and images?

Permalink Browser Info Environment
Hi,
this gallery add-on looks very promising, but there seems to be no Retina support, neither for thumbnails nor fullsize images. Do you have plans to implement that feature in the future?

Thank you,
Michael

Type: Pre-Sale
Status: In Progress
okapi
View Replies:
sebastienj replied on at Permalink Reply
sebastienj
Yes, it's on the road.. Very near !
okapi replied on at Permalink Reply
okapi
Cool! As a Mac user, i'm looking forward to that feature!

Just a suggestion: personally i like white themes for the lightbox instead of the default dark ones, and also some customization options like opacity adjustment. Unfortunately often this is hardcoded in JS. Will it be possible to customize the styles of the lightbox by CSS, or, even better, will you provide a white theme for the lightbox?

Thank you,
Michael
okapi replied on at Permalink Reply
okapi
Great, Retina support already works!

I just purchased Easy Image Gallery and i like it a lot.

Just let me add two more suggestions: i think the image quality of thumbnails could/should be improved a bit, currently they are quite blurry for my taste, and for bigger galleries, a pagination or a lazy loading functionality would be very helpful!

Thank you,
Michael
sebastienj replied on at Permalink Reply
sebastienj
I've added the retina support on thumbnails, it's very neat.
I've changed the default lightbox to the fancybox, really better.
I've added a option to choose the color overlay for lightbox and the opacity too. By default is a very light grey but you can change it with a click.

The 'blurry' effect on image is made by concrete5 thumbail creation, i think that the jpg is too compressed, i can't do anything to this.

I've planned to add a pagination, but as a slider. You will choose how many images by slide. like on thishttp://www.bio-logical.fr/fr/lexperience-bio/le-bio-au-service-de-l... but in place of ingredients it will be images.. Any feed-back ?
sebastienj replied on at Permalink Reply
sebastienj
All thess changes can be visible on the demo site and a update will be available very soon with changes.
okapi replied on at Permalink Reply
okapi
Cool, great work!
Thanks for implementing Retina support for thumbnails!
The lightbox is so much better now, i like the transition, it looks like it's a crossfading effect, which is my favorite one. Also, the image resizes nicely with the browser window in respect of width and height, keyboard navigation is available (it also works with up- down- arrow keys), and thanks for the lighbox options for color and opacity - very nice!

I just wish the icons of the fancybox sprite had less contrast, a theme with shades of gray instead of black and white would be nice, but i think that's fancybox related and built in. Maybe one would have to replace the icons sprite with a custom one.

When it comes to showing a larger amount of images (thumbnails), pagination or lazy loading is highly demanded, in regard to page loading time. The problem with a javascript driven pagination often is that ALL images of ALL slides ("pages") are loaded at once. In fact, some elements are visible, the rest is just hidden, but already loaded on first page view. While the solution on your site (bio logical, beautiful site btw!) is a visually very attractive way to present content elements (text and small images in this case), i doesn't prevent all elements from being loaded at once.

http://www.webpagetest.org/result/150205_BA_CTW/1/details/...

As regards page loading time, i think a JS solution could be, if that's technically possible, that not all "pages" (slides, groups of content elements) are loaded at once, but only the next slide is (pre)loaded, while the current slide is viewed.

If you have 150 images of a set to show, the loading of the page would just take too long if all thumbnails have to be loaded at once. I think, lazy loading (like Google's picture search) is a great alternative to pagination for presenting a larger amount of image files.

What do you think about lazy loading? Would you consider implementing it?
sebastienj replied on at Permalink Reply
sebastienj
What i don’t like in lazy loading is when we come back on a page to see again a photo in the end of the list, we need to scroll and wait many times, like in the concrete5 add ons page : When you click on a addon and back to the list, it’s hard to continue where we has leave. (Sorry for my poor english)
I think that the best ways is to make slide with lazy loading. So only image from first (or first & second) pane will be loaded on page load.

I would add also a filtering like isotope, where we can add different attributs.

Let me know,

Seb

Le 5 févr. 2015 à 08:54, concrete5 Community <discussions@concretecms.com> a écrit :
okapi replied on at Permalink Reply
okapi
Hi Sebastien,

yes, slides with lazy loading would be a great idea! I agree with you that it's hard to remember where one started viewing, if there's a large amount of pictures on one page.
Slides that contain a certain number of images in combination with lazy loading would provide pagination while also minimizing page loading time. A gallery like that would be unique among concrete5 galleries. Really looking forward to that...!

There's just one question left: will the lightbox stop at the end of each slide or will we be able to browse all images of the gallery via lightbox, regardless of the slides?

Cheers,
Michael
sebastienj replied on at Permalink Reply
sebastienj
I will publish soon the last update but have other idea for next versions. Don't hesitate to add a Review if you like the add-on.
okapi replied on at Permalink Reply
okapi
Sorry for being curious and going off topic... but this sounds quite exciting, what ideas do you have?
I'm currently working on a new project which should contain a big amount of images, galleries will be the main topic, so i just want to ask if an update of Easy Image Gallery is to be expected in the near future, especially as regards pagination...?

Thank you,
Michael
sebastienj replied on at Permalink Reply
sebastienj
I'm working on the masonry template. I hope a result for the begining of april.
sebastienj replied on at Permalink Reply
sebastienj
In fact, it will be very jard to combine masonry with lazy loading or filterîg. What about a template with no borders/no margins like masonry but with all the same images size croped?
okapi replied on at Permalink Reply
okapi
Personally, i'm not a big fan of masonry, i prefer the classical thumbnail grid. To summarize the features that i need and what i'm looking for as a gallery for concrete5 5.7 are:

+ Responsiveness (fullsize image fits width and height of the screen)
+ Retina support for thumbnails and fullsize images
+ Caching of images of all sizes (thumbnails, normal, retina 2x)
+ Customizable lightbox (transition, background color, opacity options)
+ Image preloading in lightbox
+ Fast loading of thumbnails - pagination or lazy loading

As for pagination: ideally, one would be able to browse through the whole gallery in lightbox view by previous next links, and when closing the lightbox, one would be landing on the page where the last viewed thumbnails is located. I have seen this only once, in pixelpost, an old photoblogging software, and never again in any gallery. For me, this would be a great way to browse large galleries without loosing the overview. The second best solution would be lazy loading of thumbnails, because this also prevents from loosing track, while the whole gallery, even containing a huge amount of images, can be loaded on the same page without slowing down the initial page load.

Actually i see two fundamental demands for a gallery: image quality and fast page loading.

concrete5 Environment Information

Concrete5.7.3.1

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:35.0) Gecko/20100101 Firefox/35.0

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.