ΠΩΣ ΒΑΖΩ ΑΠΛΟ SLIDESHOW No 4

ΠΩΣ ΒΑΖΩ ΑΠΛΟ SLIDESHOW No 4

Αυτό είναι ένα απλό slideshow που μπορεί να μπεί είτε σαν gadget είτε μέσα στον κώδικα της σελίδας σας. Αντιγράψτε τον παρακάτω κώδικα και επικολλήστε τον εκεί που θέλετε να εμφανίζεται το slideshow. Τα κίτρινα links των εικόνων του slideshow αλλάξτε τα με τα δικά σας links εικόνων.

Καλό θα είναι οι εικόνες σας να έχουν ένα σύντομο link όπως βλέπετε στον παρακάτω κώδικα και να έχουν την δυνατότητα για να φορτώνουν μικρότερα μεγέθη εικόνας για ταχύτερη φόρτωση του slideshow. Αυτό μπορείτε να το πετύχετε αν ανεβάσετε τις εικόνες σας στο imgur.com το οποίο προσφέρει και σύντομα link εικόνων και πολλά και διαφορετικά μεγέθη εικόνων ώστε να μή φορτώνεται το αρχικό μέγεθος της εικόνας π.χ. 1980Χ1080 αλλά ένα μικρότερο κοντά σε αυτό που θα φαίνεται εντός της σελίδας που θα εμφανίζεται το συγκεκριμένο slideshow π.χ. 800Χ450.

ΔΕΙΤΕ ΤΟ ΣΕ ΛΕΙΤΟΥΡΓΙΑ ΣΕ ΕΝΑ DEMO BLOG ΕΔΩ ►

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<script> var i = 0; var images = []; var time = 4000; images[0] = 'https://i.imgur.com/pxOfj7v.jpg'; images[1] = 'https://i.imgur.com/Jrw6vMy.jpg'; images[2] = 'https://i.imgur.com/UKrGMoA.jpg'; images[3] = 'https://i.imgur.com/okL2Ovk.jpg'; images[4] = 'https://i.imgur.com/1OB6MoL.jpg'; images[5] = 'https://i.imgur.com/phbIVY1.jpg'; function changeImg() { document.slide.src = images[i]; if(i < images.length - 1) { i++;} else { i= 0;} setTimeout("changeImg()", time);} window.onload = changeImg; </script> <img name="slide" width="800" height="450">