slideshow

First of all I know this question's been asked before the answer wasn't solving my problem so I'd like to ask it again : I used a Slideshow code from "W3school" wich provides a nice animated Jquery slideshow. unfortunately, I need more than one on my page and the second one stops the first one from working. Even before finding this solution here, I tried changing the CSS and HTML names of the objects of the different slideshows, wich successfully sovled part of the problem (the second one was not showing) but as mentioned earlier, stopped the first one from working. The slideshow is here but

For some time now, off and on, I've been trying to implement a CSS-only slideshow, one that would: Offer forward and backward navigation. Not modify navigation history. Instil a distinct direction to the movement of the content. Work across as many browsers as possible. Most other CSS Slideshows I've come across didn't tick all those the boxes. Thankfully it's taken me so long that the browsers themselves have improved no-end, to the point where it is now actually quite widely possible, albeit with a few "modern" CSS-isms. Just in case it is useful to anyone else out there I thought I'd post

I am making an image slideshow using native JS. I decided to make it myself because it needs to run at ~100ms intervals, and without any special transition effects (see it here ), so I figured it was unnecessary to include a big library like JQuery just for just a simple application. This is the code I am currently using [edit: original code - now modified]: // JavaScript Document function preloadimages(arr){ // the preloadimages() function is adapted from http://www.javascriptkit.com/javatutors/preloadimagesplus.shtml var newimages = [], loadedimages = 0; var postaction = function() {}; var

I've placed three background images in a div. I'm trying to make all three of them cycle through on a timer that fades in and out. I've actually found similar quesitons on here, but I cannot get them to work. Anyway, here's the relevant code: HTML <div id="slideshow"> </div> CSS #slideshow{ position:relative; top:0; width:100%; height:635px; background: url("car4.jpg"), url("city.jpg"), url("host3.jpg"); background-repeat:no-repeat; background-size:100%; } I'm hoping to do this in CSS , but I'm guessing it requires JQUERY ; which I don't have much experience in. But that's OK. I'd really