The jquery based cycle picture slider. When you load the page, all the images that compose the slider show one below the other before the thing starts cycling. I have tried preloading these images to see if they wouldn't show like this, but doesn't seem to work. Anyone can teach me how to show the images properly, that is in the slider, not before ?
Thanks in advance
I am a metal monkey!
Administrator Community Supporter?
Jedai Sword Master
Gender:
Posts: 5779
46271 credits Members referred : 3
« Reply #1 on: Nov 14, 2008, 01:55:26 pm »
Why don't you just use the code of this site? It seems that this fellow is using standard jquery plugins to make this work.
Why don't you just use the code of this site? It seems that this fellow is using standard jquery plugins to make this work.
Hi Nikolas, thanks for the reply. This fellow is me, the site is made by me. Yes, using Drupal 5.x with jquery but just don't know how to avoid pictures showing before the actual cycle effect starts.
I am a metal monkey!
Administrator Community Supporter?
Jedai Sword Master
Gender:
Posts: 5779
46271 credits Members referred : 3
« Reply #3 on: Nov 14, 2008, 02:15:18 pm »
lol, now I got it.
$(document).ready(function().... is executing after the DOM is loaded but before the page is loaded try $(document).load(function()....
in the front page document, where picslide is the div ID that contains the pictures. Seems to make things better in IE7 and FF2 (not in Opera) but still not what i am looking for. Will just have to tread the web till I find the right method,
My name is Bong, James Bong
Posts: 11
80 credits Members referred : 0
« Reply #5 on: Apr 18, 2009, 01:21:21 pm »
Quote from: Drupaljohn
Thanks, tried that but doesn't seem to do much. Now have added something like:
in the front page document, where picslide is the div ID that contains the pictures. Seems to make things better in IE7 and FF2 (not in Opera) but still not what i am looking for. Will just have to tread the web till I find the right method,
Nice workaround
You could also do this in your CSS. Having this in your css file:
.js #picslide{display:none}
and then adding .js class to your body tag with javascript or jquery
Trackback URI for this entry : http://www.webdigity.com/trackback.php?topic=8184