Jump to content

Adding Rotating/Cycling Images to the top of a page


Recommended Posts

Hey there, I'm finalizing some web design here and I can't seem to figure out how to add some images that will rotate to the top portion of the page. Is there a way to put an image box up there that would cycle through a set of images (without using flash)? What would be the best way to go about doing this? Here is a link to the page I have at the moment.

 

http://staticelectricityman.com/caa/cgi-bin/Main.html

Link to comment
Share on other sites

The best thing I've found (and used in the past) is the jquery Cycle or Cycle Lite (if you need less features) plugin:

 

http://malsup.com/jquery/cycle/

http://malsup.com/jquery/cycle/lite/

 

if you choose to use this, here's a tutorial that might help you get started:

http://blog.themeforest.net/tutorials/jquery-slideshows-with-the-cycle-plugin/

Link to comment
Share on other sites

That's a very nifty plugin. It took me a while to figure out most of it, but I'm still stuck on a few parts. I think it has more to do with web design than the plugin itself, so here goes.

 

How do I get the image/slideshow up in the top box (eventually spacing it so its kind of in line with the logo...a matter of fiddling, I realize) and how do I get three of these slideshows side by side with now spaces between them? I can only seem to get them to stack vertically and with spacing...the website is here and yes, I realize the images aren't attached so it just shows boxes for now and I'm fine with that at the moment:

 

http://www.staticelectricityman.com/caa/cgi-bin/Main.html

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...