Tagged: , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 10, 2014 at 9:02 pm #221830
    understandchristianity

    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)

    February 12, 2014 at 5:38 pm #222906
    Devin

    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

    February 12, 2014 at 5:52 pm #222919
    understandchristianity
    This reply has been marked as private.
    February 13, 2014 at 8:43 am #223267
    Dude

    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

    February 13, 2014 at 4:19 pm #223485
    understandchristianity

    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!

    February 14, 2014 at 9:25 am #223850
    Dude

    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

    February 14, 2014 at 5:50 pm #224086
    understandchristianity

    Thanks again! You guys rock!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Portfolio grid image load effect speed’ is closed to new replies.