Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 31, 2015 at 5:32 am #481088
    Citrusconstructions

    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!

    July 31, 2015 at 3:43 pm #481401
    Elliott

    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

    July 31, 2015 at 10:39 pm #481574
    Citrusconstructions

    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!

    August 3, 2015 at 7:38 am #481918
    Ismael

    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

    August 3, 2015 at 7:59 am #481926
    Citrusconstructions

    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!!

    August 6, 2015 at 8:20 am #483717
    Ismael

    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

    August 6, 2015 at 8:33 am #483728
    Citrusconstructions

    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!

    August 6, 2015 at 4:35 pm #484010
    Elliott

    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 9 years, 4 months ago by Elliott.
    August 7, 2015 at 6:59 am #484298
    Citrusconstructions

    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.

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