GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr Delicius DIIGO Start.me NETVIBES feedburner

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

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


<script>
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>
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>

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".