SlideShow

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

Με τον παρακάτω κώδικα μπορούμε να βάλουμε στο blog μας ένα απλό slideshowχωρίς κουμπιά εναλλαγής μεταξύ των εικόνων, αλλά με όσες εικόνες θέλουμε, με ότι διαστάσεις θέλουμε, και με όποια ταχύτητα εναλλαγής των εικόνων επιλέξουμε. Αλλάξτε τα μώβ links των εικόνων με τις δικές σας εικόνες. Αλλάξτε τις διαστάσεις του slideshow αλλάζοντας τα γαλάζια νούμερα. Αλλάξτε την ταχύτητα εναλλαγής των εικόνων αλλάζοντας το πορτοκαλίνούμερο. Βάλτε το σωστό αριθμό εικόνων που έχει το slideshow σας αντικαθιστώντας το πράσινο νούμερο (step<9).

<script type="text/javascript">

var slideimages = new Array()

slideimages[0] = new Image()

slideimages[0].src = "https://lh5.googleusercontent.com/-K7auwzq2lPk/UiiIvU7QHPI/AAAAAAAAJLI/c5aQs1DrUUw/w1208-h755-no/LEFKADA-03.jpg"

slideimages[1] = new Image()

slideimages[1].src = "https://lh3.googleusercontent.com/-iHpUXMPF_2U/UiiIviNxdII/AAAAAAAAJLM/7Q8ShXmAat0/w1208-h755-no/LEYKADA-24.jpg"

slideimages[2] = new Image()

slideimages[2].src = "https://lh4.googleusercontent.com/-LB8zka6NnYA/UiiIxk_UOSI/AAAAAAAAJLU/YTAWF35UMF8/w1208-h755-no/LEYKADA-33.jpg"

slideimages[3] = new Image()

slideimages[3].src = "https://lh4.googleusercontent.com/-RA6WwNSgQZs/UiiI00-Hd4I/AAAAAAAAJLk/wAesP7BV1XY/w1208-h755-no/LEYKADA-40.jpg"

slideimages[4] = new Image()

slideimages[4].src = "https://lh6.googleusercontent.com/-rYFEmmnBIPc/UiiIsH-kt3I/AAAAAAAAJK0/wxyhIm00mb4/w1208-h755-no/LEYKADA-15.jpg"

slideimages[5] = new Image()

slideimages[5].src = "https://lh5.googleusercontent.com/-xoRjaryAc9g/UiiJQylwIqI/AAAAAAAAJMU/pmISgNnhBIw/w1208-h755-no/KERKYRA-16.jpg"

slideimages[6] = new Image()

slideimages[6].src = "https://lh3.googleusercontent.com/-iOVUvdDaKYs/UneTpxlN0_I/AAAAAAAAJtg/WwRlzagKsmQ/w1208-h755-no/KEFALONIA-27.JPG"

slideimages[7] = new Image()

slideimages[7].src = "https://lh5.googleusercontent.com/-HVjJAI6w9oo/UneTzBuu6UI/AAAAAAAAJuA/Fl47Ee-i42A/w1208-h755-no/KEFALONIA-30.jpg"

slideimages[8] = new Image()

slideimages[8].src = "https://lh6.googleusercontent.com/-xMrBsaQHZNo/UneT6wxUc8I/AAAAAAAAJuc/e8gRNK9YdRM/w1208-h755-no/KEFALONIA-35.jpg"

slideimages[9] = new Image()

slideimages[9].src = "https://lh6.googleusercontent.com/-J_Rk_piwwB0/UneUATS4u5I/AAAAAAAAJuw/6JcMeTQs1jI/w1208-h755-no/KEFALONIA-38.jpg"

</script>

<img src="https://lh3.googleusercontent.com/-jp0Au6w08ZI/UiiJX-w2XqI/AAAAAAAAJNU/hphvolf0pxk/w1208-h755-no/KERKYRA-01.jpg" id="slide" width="944" height="590" />

<script type="text/javascript">

var step=0

function slideit(){

if (!document.images)

return

document.getElementById('slide').src = slideimages[step].src

if (step<9)

step++

else

step=0

setTimeout("slideit()",4000)

}

slideit()

</script>

- See more at: http://gadgetsforblogs1.blogspot.gr/2015/01/slideshow.html#more