HTML Code for Slideshow
This is my first post, so i apologize if my problem is not clear enough. Ima get straight to the point.
Well, I am currently working on getting a website together for my gaming clan. and I see some other sites have a slideshow that just loops pictures, I really like that. So, im just wondering if there is like an html code that could do such a thing? Thanks!
Not sure what you mean by loop. The closest thing that uses just HTML would be the HTML marquee tag which is non-standard but fairly well supported. It would allow for a train of images to go by and repeat, but I believe there is always a gap equal to the length of the train in between each loop.
But, if that one isn't good for you, there are many to choose from, here:
some more here (along with other stuff for images):
And these are just what are available in the Dynamic Drive Library. If you use Google to search for:
You will likely find tons of them.
I stumbled in on this convo because I am looking for a slide show that I can place in a div tag that allows me to update date automatically when I upload more images into the image directory.
In laymen's terms, the code is reading the image folder and playing all images in the folder. If I remove or add an image, the code just plays what is in the folder.
I don't mind coding it myself, I just need to know where to start AND if it has been done before. If so I would gladly credit the writer of the code I use.
I am aware of Java and flash.... however these USUALLY require to remake the slideshow if you want to add or remove images. I want to avoid having to remake the slideshow every time I have a new creation photographed, or if I have sold (no longer need to show) a creation I have in the slideshow.
Any valid suggestions would be greatly appreciated!
Without a server side language you can approximate fetching the images by using a naming convention for them and keeping them in sequence numerically. But that would mean no gaps in the sequence, so wouldn't fit the requirements you've outlined.
If you're good to use PHP, you can try this jQuery + PHP slideshow: http://fofwebdesign.co.uk/template/_...ic_rotator.php
It takes all the images from a specified folder (using PHP) and loads them into an unordered list. Then jQuery adds the fading effects, etc.
Its currently set to shuffle the images so they load randomly, but you can uncomment the line that will sort them in order and then you can force a specific image sequence.
You specify the allowed file extensions too.
Hope it helps