-
Posts
-
Is there a way to turn off the gallery”bounce” when the page loads or when you scroll to it?
I like the animation on mouse hover but i do not like when the page loads they all do a grow bounce effect.
Hey JaredBurnett!
Please edit shortcode.js, find this code on line 673:
//trigger displaying of thumbnails gallery.on('avia_start_animation', function() { images.each(function(i) { var image = $(this); setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110)); }); });Replace it with:
//trigger displaying of thumbnails gallery.on('avia_start_animation', function() { images.each(function(i) { var image = $(this); setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110)); }); }).trigger('avia_start_animation');Remove browser cache then reload the page a few times.
Regards,
IsmaelAfter changing this code, it did not stop the animation on load. Check this page http://www.jaredburnettphoto.com/portfolio/live/ . I don’t care for the fade in effect. I would just like them to load normally. The gallery is set to animate on page load in the settings. Perhaps I needed to change something else besides just the code in the shortcode file.
Hi!
The animation is removed on my end. Please remove browser cache or test it on another browser.
Regards,
IsmaelI removed the cache and tested in different browsers. It looks like there was some animation removed but the images still load and then do this fade in and grow effect. Is there any way to simply make them load just like other content on the site?
It’s the same way on this page http://www.jaredburnettphoto.com/portfolio/ . You can see that the content loads and then it looks as if once the page loads, the animation starts. I just want it to load how it does and then stay that way. No animation.
Could this be related to the fields in galleries and portfolios that say “animate on page load” or “when scrolled to”? I have the code you suggested above in place and in the galleries, the animation says to go on page load. I don’t want any animation or fade.
Thanks for all of your help!
Thanks,
JaredHi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
a.grid-image { opacity: 1!important; }Best regards,
YigitAdding that code did not fix anything. you can see the animation and double loading in Chrome.
http://www.jaredburnettphoto.com/portfolio/scenery/
Hey!
Please add following code as well
.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; }Regards,
Yigitit looks like that may have fixed this page: http://www.jaredburnettphoto.com/portfolio/
But still no dice on these two types of gallery pages http://www.jaredburnettphoto.com/portfolio/scenery/ and http://www.jaredburnettphoto.com/portfolio/live/
We are getting closer! It’s almost like it reloads a second time once everything else has loaded.
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.js_active .avia-slideshow li:first-child { -webkit-transition: none!important; transition: none!important; }Also please try adding !important as shown above to the code i posted in my previous post. It is not being applied on “live” page
Regards,
Yigitanother interesting thing to note is that when you refresh or go back to a gallery page like http://www.jaredburnettphoto.com/portfolio/scenery/ it does not do the animation. However the http://www.jaredburnettphoto.com/portfolio/live/ page always animates
Hi!
Please try to clear the browser cache – I checked all portfolio pages: http://screencast-o-matic.com/watch/c2VtixnjZG and I didn’t notice a fade in animation. The images pop up as soon as the browser loaded them.
Regards,
PeterYes it does look like the “Live!” page is working flawlessly now. Sweet!
The other portfolios with the single large easy slider still look like they reload one the page has finished loading. ( http://www.jaredburnettphoto.com/portfolio/scenery/ ) In your video, I don’t think the page had finished loading before you went to the next page.
We do have 2/3 of the original problem areas solved though. Please advise. Thanks!
Hey!
Can you try adding following code to Quick CSS as well
.js_active .avia-slideshow li:first-child { visibility: visible!important; }Regards,
YigitIt still looks like it is reloading on chrome and firefox. IE and Safari look OK but it may be reloading really fast on those where you can’t see it.
Now it’s the slightest little blip after it loads.Just a really quick flash. http://www.jaredburnettphoto.com/portfolio/scenery/
- The topic ‘No animation on gallery load’ is closed to new replies.