Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #481088

    Can you point me to the file where the scroll percentage is set for displaying thumbnail (animation) in galleries?

    And if it isn’t in the avaiabuilder/shortcodes can you also tell me how to modify it through child theme?

    We need to shorten the scroll percentage (make images appear a little sooner – with less scrolling)

    Thanks!

    #481401

    Hi Citrusconstructions!

    I think your referring to line 86 in the /enfold/js/shortcodes.js file.

    $('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '80%'});
    

    Cheers!
    Elliott

    #481574

    Hmmm probably not that file, I tried to edit that to change it to various percentages but no change in how much scrolling needs to happen before thumbnails appear. I am including a page as an example of where I want to shorten the scroll for animation in private message.

    Also, please explain how to apply that change to child theme.

    Thanks!

    #481918

    Hey!

    I’m sorry but you can’t add the modification in the child theme. You can add this in the Quick CSS field to disable the gallery animation:

    .avia-gallery-thumb img {
    	opacity: 1 !important;
    	transform: scale(1) !important;
    }

    Best regards,
    Ismael

    #481926

    ok thanks.

    However, even when I applied the change you suggested in the main theme, there was no apparent change in scroll length for images to appear.

    Are you sure that was the right file for the link I gave in last message?

    Thanks!!

    #483717

    Hi!

    It will not change the scroll offset. The code will disable the gallery loading animation. Please remove browser cache then test the page again.

    Regards,
    Ismael

    #483728

    Sorry, I was referring to the first suggestion:
    enfold/js/shortcodes.js file line 86
    $(‘.avia_animate_when_almost_visible’, container).avia_waypoints({ offset: ‘80%’});

    What I mean is, I edited that and changed it to 10%. I edited it in actual theme files to test it at first. I didn’t see any difference in amount of scrolling necessary to have the thumbs appear. So I was wondering if that was really the line of code to edit for the portfolio gallery thumbnail animation.

    Please confirm
    Thanks!

    #484010

    Hi!

    It seems to be working when I view your site. If you want it to animate sooner then your wanting the opposite, 95% ish. Make sure to clear your cache.

    Regards,
    Elliott

    • This reply was modified 8 years, 7 months ago by Elliott.
    #484298

    Ah!!!! ok that’s what went wrong… I assumed 10% would mean the images would appear sooner (less scroll)

    Tried it again and still don’t see much of a difference for pages with lots of thumbnails such as the link I gave in previous replies above

    Well, if you say it’s the correct file & line to edit in main theme files then I will see with client what we’ll do. Leave it as is or apply your animation removal fix with css.

    Thanks!!

    You can consider this topic closed & resolved.

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘scroll percentage setting for displaying thumbnail in galleries’ is closed to new replies.