Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #221830

    Hello,

    I was wondering if you could point me to the code (javascript?) that creates the fade in effect for preview images in a portfolio grid. I’d like to speed up the effect so you don’t have to wait for the preview images at the bottom of the page to load if you quickly want to use a filter to reach them.

    I couldn’t find it in the theme files and I didn’t see any other topic on this, so I apologize if I just missed it.

    Thanks!
    (Great theme, btw)

    #222906

    Hey understandchristianity!

    Can you provide a link to the page? Its a css effect so it should be doable without modifying the actual theme files. Seeing your page specifically will let us target that page/section and not have it spillover anywhere else.

    Regards,
    Devin

    #222919
    This reply has been marked as private.
    #223267

    Hey!

    1) The fade in affect does not affect the filters. However you can reduce the number of items and then the portfolio script will initialize faster and the filter links will be ready 1-2 seconds after the page loaded.

    2) Please add this code into the quick css field

    
    .sidebar_tab .tab_titles {
    min-width: 170px;
    max-width: 250px;
    }
    

    and change the min-width and max-width value if necessary. I.e. set the max-width value to 200px and the tabs will shrink a bit.

    Cheers!
    Peter

    #223485

    1) I’m sorry, I should’ve been clearer: the filters load just fine and they filter just fine, but the speed of the fade in effect makes you wait a few seconds for the preview image to load if you quickly filter to a book of the Bible that comes later in the Bible, i.e., the New Testament books.

    Just to make sure I’m being clear enough, for example if you go to the commentary URL above and select “Epistles” in the filter, it takes a little time for all of the preview images of those books to fade in because they’re technically at the bottom of the page. The title of the preview image is displayed, but the preview image itself doesn’t fade in until a few seconds later.

    2) Thanks for that!

    One of the reasons I purchased this theme was because of the great support, and you guys have certainly lived up to that! Thank you!

    #223850

    Hey!

    Ah ok – open up wp-content/themes/enfold/js/avia.js and search for:

    
    					imgParent.css({height:'auto'}).each(function(i)
    					{
    						var currentLink = $(this);
    
    						setTimeout(function()
    						{
    							currentLink.animate({opacity:1},1500);
    						}, (100 * i));
    					});
    

    Replace it with

    
    					imgParent.css({height:'auto'}).each(function(i)
    					{
    						var currentLink = $(this);
    						currentLink.animate({opacity:1},1500);
    					});
    

    Best regards,
    Peter

    #224086

    Thanks again! You guys rock!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Portfolio grid image load effect speed’ is closed to new replies.