GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr DIIGO Start.me feedburner

BACKGROUND SLIDER FOR BLOGGER

BACKGROUND SLIDER
BACKGROUND SLIDER FOR BLOGGER
Με τον παρακάτω κώδικα μπορείτε να προβάλετε όσες εικόνες θέλετε να εναλλάσονται σαν slides στη θέση του background του ιστολογίου σας. Την ταχύτητα εναλλαγής μπορείτε να την ρυθμίσετε αλλάζοντας το {speed: 400} ενώ το χρόνο που θα παραμένει κάθε φωτογραφία μπορείτε να τον ρυθμίσετε αλλάζοντας το [index]);}, 4000); Μπορείτε να αντικαταστήσετε τα πορτοκαλί links των εικόνων με τα δικά σας link εικόνων,
οι οποίες καλό είναι να έχουν τις ίδιες διαστάσεις όπως έχουν οι παρακάτω. Ο κώδικας πρέπει να μπεί μέσα στο πρότυπο πρίν την ετικέτα </head>.

ΔΕΙΤΕ ΤΟ BACKGROUND SLIDER ΣΕ ΛΕΙΤΟΥΡΓΙΑ ΣΕ ΑΥΤΟ ΤΟ DEMO BLOG

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'></script>
<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>

1 σχόλιο:

  1. ενώ δούλευε, σταμάτησε (ίσως επειδή πρόσθεσα διάφορα)

    ΑπάντησηΔιαγραφή

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

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.