Fancy Images thumbnail rebuild

(6 posts) (2 voices)

1. 

   Neomania
   Member

   Hello

   It seems to me that the thumbnails for a fancy images gallery will be rebuilt each time the page is loaded.
   I installed the w3 total cache plugin. But this doesn't help with the thumbnails.
   "Normal" (img-tag) pictures are shown directly, but a gallery page with a lot of thumbnails looks extremly slow, because after every refresh the pictures build up on after the other.
   How can I speed up such a gallery?

   example: http://www.anne-haigis.de/foto-galerie/

   best regards
   Volker

   Posted 1 year ago #
2. 

   Neomania
   Member

   I replaced all the fancy images by the normal wordpress thumbs linked to the original images with prettyPhoto-REL.
   This is a bit more work to insert a gallery, but it loads much faster than the fancy images shortcode.

   Posted 1 year ago #
3. 

   Neomania
   Member

   Is there really no way to speed the fancy images up?
   It seems that they are not cached at all and will be rebuild with every browser refresh.
   Even on the start page the slideshow images reload with the working circle. ( even with a 50 Mbit DSL connection)

   How come that it takes so long to load these thumbs?

   Posted 1 year ago #
4. 

   Elliott
   Support

   Hello Neomania,

   I took a look at your page and everything seemed to be working fine. The page loaded rather quickly, 8.54 seconds, considering that you are loading 55 images.

   Are you talking about the spinning circle when you click on an image and it is loaded into prettyPhoto? You can try updating your prettyPhoto scripts to see if this helps, see this thread, http://mysitemyway.com/support/topic/infocus-and-wordpress-31

   Posted 1 year ago #
5. 

   Neomania
   Member

   Hello Elliott

   The photo gallery is build with "normal" Wordpress images and thumbnails which are cached.
   To see the difference in loading time, watch the video gallery:
   These are fancy images and these 9 thumbs load much longer than the 51 of the photo gallery.
   http://www.anne-haigis.de/video-galerie/

   Posted 1 year ago #
6. 

   Elliott
   Support

   You mean the image preloader correct Neomania? If you wish to take it off then open up /wp-content/themes/awake/lib/functions/shortcode.php and on lines 131 - 135 you should see this,

   $out .= '<div class="img_loader' .$hover_class. ' bg_hover' .$class.$last. '">';
   
   $portfolio_img_link = ($link == 'post' && !$portfolio_video) ? $portfolio_img_link = 'href="' .$permalink : $portfolio_img_link = 'rel="lightbox[' .$set_id. ']" href="' .$portfolio_links;
   
   $out .= '<a class="load_img" ' .$portfolio_img_link. '"><span class="rm_img noscript"><img class="framed portfolio_hover" src="' .$gallery_image_url. '" height="' .$img_height. '" width="' .$img_width. '" alt="" /></span></a>';

   Go ahead and change it like this,

   $out .= '<div class="bg_hover' .$class.$last. '">';
   
   $portfolio_img_link = ($link == 'post' && !$portfolio_video) ? $portfolio_img_link = 'href="' .$permalink : $portfolio_img_link = 'rel="lightbox[' .$set_id. ']" href="' .$portfolio_links;
   
   $out .= '<a class="load_img" ' .$portfolio_img_link. '"><img class="framed portfolio_hover" src="' .$gallery_image_url. '" height="' .$img_height. '" width="' .$img_width. '" alt="" /></a>';

   This will take off the image preloader for your portfolio, to do the same with the fancy_images shortcode then find lines 557 - 559,

   $out .=  '<li class="alignleft webtreats_mini_gallery_item img_loader bg_hover">';
   $out .= '<a title="' .$title. '" class="load_img"' .$inline_style.$link. '>';
   $out .= '<span class="rm_img noscript"><img class="framed portfolio_hover" height="' .$height. '" width="' .$width. '" alt="' .$alt. '" title="' .$title. '" src="' .$image_url. '" /></span>';

   And change them like this,

   $out .=  '<li class="alignleft webtreats_mini_gallery_item bg_hover">';
   $out .= '<a title="' .$title. '" class="load_img"' .$inline_style.$link. '>';
   $out .= '<img class="framed portfolio_hover" height="' .$height. '" width="' .$width. '" alt="' .$alt. '" title="' .$title. '" src="' .$image_url. '" />';

   Let us know if this is what you were wanting to do Neomania.

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.