Tagged: animation, fade-in, gallery, thumbnails
-
AuthorPosts
-
July 9, 2015 at 12:11 am #470578
Dear Enfold-Team,
thank you again for your great theme and all the support that has been very helpful and fast so far! I ran into another issue I couldn’t solve completely. There is part of a solution in the forum – but I’m still not getting there.
In this thread from 2013 JaredBurnett already mentions what I want to achieve as well. I followed all the advice in the thread and copied the code into the shortcode.js (the code starts in line 2104) as well as all the CSS into the QuickCSS:
/*Remove Gallery Animation*/ a.grid-image { opacity: 1!important; } .avia_transform .avia-gallery-thumb img.avia_start_animation { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } .avia_transform .avia-gallery-thumb img { opacity: 1; } .js_active .avia-slideshow li:first-child { -webkit-transition: none!important; transition: none!important; } .js_active .avia-slideshow li:first-child { visibility: visible!important; }
Now the thumbnail images do actually load instantly but then are still resized: http://sehw.think-berlin.de/portfolio-item/sit/.
Maybe you could give me another hint on how to solve that.
Best regards,
AljoschaJuly 10, 2015 at 10:39 am #471375Hey Aljoscha!
Thank you for using Enfold.
The image height of image inside the big preview container is based on the width / height ratio of the avia-gallery-big container. It will keep the image ratio and proportion of the big preview images intact. And more importantly, the whole part of the images will be visible inside the big preview container. This is why they are resized that way. You can set the height property to auto but most part of the images, specially big images, will get cut off. Try this in the Quick CSS field, let us know which one you prefer:
#top div .avia-gallery .avia-gallery-big-no-crop-thumb img { height: auto !important; }
Best regards,
IsmaelSeptember 6, 2015 at 5:54 pm #498916Thanks, I have not included the auto height as it is more important to keep the image ratio and proportions.
Best regards,
AljoschaSeptember 7, 2015 at 8:17 am #499087Hi,
Ok, please let us know if you should need any more help on the topic.
Thanks,
RikardSeptember 13, 2017 at 6:32 pm #851694This thread can be closed. Thanks again!
-
AuthorPosts
- The topic ‘Remove image fade-in and resize of gallery thumbnails’ is closed to new replies.