Forums

Speed up the Slideshow!

Permalink
Hey Guys,

I am having hard time with the built in jQuery Slideshow, with images 600 x 300 or similar size i always seem to get a blank field from time to time or even very slow loading time to start with.

You have any suggestions or even a feature to speed things up?, even add a preload function for the slideshow?.
 
bcarone replied on at Permalink Reply
bcarone
Hi Mitnik...granted I have seen this happen before outside of concrete. The settings in the block are pretty straight forward and the only I can think of is that your server may be having a hard time accessing the pictures.

Some of my past experience when working with a script like this was the cache. Cleared that and it worked fine.

-Bill
Lazza replied on at Permalink Reply
Lazza
I've just added preloading to my slideshow, you just need to insert this piece of code inside your view.php:
<?php /* hack for image preloading */ ?>
<div class="hidden">
   <script type="text/javascript">
      <!--//--><![CDATA[//><!--
         var images = new Array()
         function preload<?php echo intval($bID)?>() {
            for (i = 0; i < preload<?php echo intval($bID)?>.arguments.length; i++) {
               images[i] = new Image()
               images[i].src = preload<?php echo intval($bID)?>.arguments[i]
            }
         }
         preload<?php echo intval($bID)?>(
            <?php
               $first = 1;
               foreach($images as $imgInfo) {
Viewing 15 lines of 24 lines. View entire code block.

It goes exactly before the last line ("</div>"). I took the code from Perishable Press:http://perishablepress.com/press/2009/12/28/3-ways-preload-images-c...
The result is perfect. Someone should consider to insert this in the official release!
rickychapman replied on at Permalink Reply
rickychapman
This is an old thread - but I can't find anything else mentioning this topic and I'm having similar trouble.

I'm wondering if anyone has had similar speed issues with the built in slideshow loading the images slowly or jerkily. An image will load, and then fade to white properly, but the next image will always load almost in pieces sort of jerky from the top down, or not fade in - just show up abruptly after a moment of nothing being there. It's not smooth and makes it feel very unfinished and unprofessional.

I'm not sure what to do. I've used lots of javascript slideshows before and they all were able to fade in and fade out the images in a slideshow smoothly. I tried the preloading code detailed on this thread, but it didn't work.

Help? I really like C5 and have been able to do a lot of things with it developing this site and we're in the final stretch now. If I can't deliver a smooth experience, I can't keep using C5. Am I just missing something?

The site in question:
http://mckinleyarchitects.com/portfolio/...

-R
Lazza replied on at Permalink Reply
Lazza
Did you expand the entire code block?
jordanlev replied on at Permalink Reply
jordanlev
If anyone runs across this problem in the future, one likely solution is to preload the images. See this thread for instructions on how to do so:
http://www.concrete5.org/community/forums/usage/image-preloading-fo...