Web Hosting Talk







View Full Version : Creating an image slideshow?


Dan B
05-02-2010, 04:29 PM
My site is just html / css

What code / plugin can I do to make an image slideshow? Hopefully with arrows or either big thumnails and to click on it and it goes like a lightbox type.

Palmetto Innovations
05-03-2010, 05:10 AM
It would be simplest, and fastest to use jQuery. There is a plugin for jQuery called cycle that is extremely easy to use. Basically, you call in jQuery, call the plugin. Then you just put all of your images you want to slide in one div. After that, you create a javascript file and it would look something like this:


$(document).ready(function(){
$('#slideShow').cycle();
});


And that's it! You have your slideshow going. There are other parameters you can pass in, but it's all very detailed on the site for the plugin: http://malsup.com/jquery/cycle/

PaulM
05-03-2010, 09:02 AM
I'd definately agree with jQuery... Though there are better lightbox plugins available...

Simply google: "jquery gallery" - and you'll literally get 100s to choose from... Each with its own benefit / style / look. -

KmacK
05-03-2010, 09:11 AM
It would be simplest, and fastest to use jQuery. There is a plugin for jQuery called cycle that is extremely easy to use. Basically, you call in jQuery, call the plugin. Then you just put all of your images you want to slide in one div. After that, you create a javascript file and it would look something like this:


$(document).ready(function(){
$('#slideShow').cycle();
});
And that's it! You have your slideshow going. There are other parameters you can pass in, but it's all very detailed on the site for the plugin: http://malsup.com/jquery/cycle/


I agree Cycle is the best for slide shows. You might also want to do a search for jQuery gallery scripts. Some of them include a lightbox function.

Dan B
05-07-2010, 12:54 AM
Thanks!

Do the images change per X time? or per click?

*edit* I found it varies from each script. Thanks so much

Dan B
05-18-2010, 01:30 AM
Does anybody know of a slideshow that auto resizes? It's such a pain when adding +20 images to resize each one of them :(

the_pm
05-18-2010, 07:09 AM
Does anybody know of a slideshow that auto resizes? It's such a pain when adding +20 images to resize each one of them :(Most bitmap editing software has batch resizing capabilities. In Fireworks, you basically select your pictures, set a few parameters, hit a button and go have a cup of coffee while the software chugs through however many pictures you have. I recall doing this in Photoshop as well, but I had to create a macro (call an "action" in Photoshop) and cycle through a bunch of photos that way. Nonetheless, it wasn't too hard to do.

I've heard this can be done using IrfanView too (which is a free light editor), but I haven't tried it myself.

I recommend Fireworks for this task, if you have it available.

Driver01
05-18-2010, 07:54 AM
I can verify that photoshop does have this ability too, in the form of an action as the_pm correctly points out. If your using ftp to upload your images to the directory then you would need to manually resize them with software, or using a php or similair web accesible upload form you could add the ability to resize on upload.

Magic Toolbox
05-18-2010, 10:03 AM
Does anybody know of a slideshow that auto resizes? It's such a pain when adding +20 images to resize each one of them :(

Magic Slideshow resizes. Images can be any size. Example (http://www.magictoolbox.com/magicslideshow_examples/).