D4mations.com

JavaScript SLIDESHOW – html and css



THIS MIGHT NOT BE WORKING VIEW THIS:
https://youtu.be/1Ml8uHQykLw New Video!

My NEW Website: GET THE FULL CODE!
https://theedshop.000webhostapp.com

A New Tutorial OUT!!

in this tutorial, we will be making a slideshow using a simple javascript code and customized for the iPhone (theme)

If you are trying to add this to an existing website (more images and more code) follow my other video where I show you a quick fix so the slideshow doesn’t interfere with the rest of the images

Javascript Slideshow Fix Video:

Original source

d4mer

, , , , , , , , , , , , , , , , , , , ,

27 responses to “JavaScript SLIDESHOW – html and css”

  2. YouTube REALLY, REALLY needs to develop a system for vetting the videos they publish on their site. They need to rank or qualify them by whether they are in English and also whether they even have anyone talking at all. Speech is a REAL Issue in an instructional video. If you're not smart enough to figure that one out. It's pretty much a given that you're not smart enough to offer help on any subject.

  5. i somehow managed to make the images appear and fade, but after fading, that's it.. it fades into black, by the way, here's the script i just dunno if somethings wrong..

    var interval = 4 * 20; //Seconds between change

    var images = document.getElementsByTagName("img");
    var imageArray=[];
    var imageCount = images.length;
    var current = 0;

    var nrandomize = function(){
    return (Math.round(Math.random() * 3 – 1.5));
    }
    for(var i = 0; i < imageCount; i++){
    images[i].className = 'fade-out';
    imageArray[i] = images[i];
    }
    imageArray.sort(randomize);

    var fade = function(){

    imageArray[current++].className = 'fade-out';
    if(current == imagecount){
    current = 0;
    imageArray.sort(randomize);
    }
    imageArray[current].className = 'fade-in';

    setTimeout (fade, interval * 100);
    };
    fade();

Leave a Reply