BACKGROUND SLIDER FOR BLOGGER
Με τον παρακάτω κώδικα μπορείτε να προβάλετε όσες εικόνες θέλετε να εναλλάσονται σαν slides στη θέση του background του ιστολογίου σας. Την ταχύτητα εναλλαγής μπορείτε να την ρυθμίσετε αλλάζοντας το {speed: 400} ενώ το χρόνο που θα παραμένει κάθε φωτογραφία μπορείτε να τον ρυθμίσετε αλλάζοντας το [index]);}, 4000); Μπορείτε να αντικαταστήσετε τα πορτοκαλί links των εικόνων με τα δικά σας link εικόνων, οι οποίες καλό είναι να έχουν τις ίδιες διαστάσεις όπως έχουν οι παρακάτω. Ο κώδικας πρέπει να μπεί μέσα στο πρότυπο πρίν την ετικέτα </head>.
Με τον παρακάτω κώδικα μπορείτε να προβάλετε όσες εικόνες θέλετε να εναλλάσονται σαν slides στη θέση του background του ιστολογίου σας. Την ταχύτητα εναλλαγής μπορείτε να την ρυθμίσετε αλλάζοντας το {speed: 400} ενώ το χρόνο που θα παραμένει κάθε φωτογραφία μπορείτε να τον ρυθμίσετε αλλάζοντας το [index]);}, 4000); Μπορείτε να αντικαταστήσετε τα πορτοκαλί links των εικόνων με τα δικά σας link εικόνων, οι οποίες καλό είναι να έχουν τις ίδιες διαστάσεις όπως έχουν οι παρακάτω. Ο κώδικας πρέπει να μπεί μέσα στο πρότυπο πρίν την ετικέτα </head>.
<script src='https://dl.dropboxusercontent.com/s/bdmk7tsmf2gur79/Background-slider.js' type='text/javascript'></script>
<script>
var images = [
"http://i.imgur.com/Pq9Dexa.jpg",
"http://i.imgur.com/kbCkBYe.jpg",
"http://i.imgbox.com/MIiFeUzy",
"http://i.imgbox.com/ZpvJrjg4",
"http://i.imgbox.com/4jvkDVTA",
"http://i.imgbox.com/R6GYEpSU",
"http://i.imgur.com/I9SFA0s.jpg",
"http://i.imgur.com/UMQ2IrD.jpg",
"http://i.imgur.com/l9hrZQQ.jpg",
"http://i.imgur.com/YezgGht.jpg",
"http://i.imgur.com/W8LjNt5.jpg",
"http://i.imgur.com/0pOnQXw.jpg",
"http://i.imgur.com/XZLp5MA.jpg",
"http://i.imgur.com/7X4wjWS.jpg"];
$(images).each(function(){
$('<img/>')[0].src = this;});
var index = 0;
$.backstretch(images[index], {speed: 400});
var slideshow = setInterval(function() {
index = (index >= images.length - 1) ? 0 : index + 1;
$.backstretch(images[index]);}, 4000);
</script>
