Προβολή banner σε τυχαία σειρά με JavaScript

Gadget στο οποίο προσθέτετε διάφορα banners και αυτό εμφανίζει μόνο ένα κάθε φορά. Η εναλλαγή ανάμεσα στα διάφορα banners γίνεται με τυχαία σειρά!

Είναι ιδανικό για blogs τα οποία έχουν πολλές φωτογραφίες στην αρχική τους σελίδα.

Αυτά τα blogs λοιπόν μπορούν να κάνουν το blog τους πιο ελαφρύ προσθέτοντας αυτό το banner, αφού ο επισκέπτης θα βλέπει μια φωτογραφία κάθε φορά και όχι όλες μαζί. Ταυτόχρονα γίνεται και πιο ενδιαφέρον για τον επισκέπτη να βλέπει διαφορετική φώτο κάθε φορά που επισκέπτεται το blog σας.

Προσθήκη:

1. Σύνδεση στον λογαριασμό από το blogger.com
2. Layout > add a gadget > HTML/JavaScript
3. Επικολλείτε εκεί τον παρακάτω κώδικα και κάντε μετά μερικές τροποποιήσεις σε αυτόν:

<script language="JavaScript">
images = new Array(3);
images[0] = "<a href = 'διευθυνση 1' rel='nofollow' ><img src='διευθυνση-της-φωτο 1' border='0'height='60px' width='468px' ></a>";
images[1] = "<a href = 'διευθυνση 2' rel='nofollow' ><img src='διευθυνση-της-φωτο 2' border='0'height='60px' width='468px' ></a>";
images[2] = "<a href = 'διευθυνση 3' rel='nofollow' ><img src='διευθυνση-της-φωτο 3' border='0'height='60px' width='468px' ></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>

Τροποποιήσεις:

Αλλάζετε το διεύθυνση 1 με τον σύνδεσμο στον οποίο θέλετε να οδηγεί το πρώτο banner που θα βάλετε. Αλλάζετε το διευθυνση-της-φωτο 1 με τον σύνδεσμο του banner σας, π.χ. http://www.cs.utsa.edu/~wagner/berlin/brand.jpg

Μεταβάλλετε το μέγεθος του banner σας, αλλάζοντας τις μεταβλητές στα width και height

Προσθέστε και άλλα banners προσθέτοντας το παρακάτω:

images[0] = "<a href = 'διεύθυνση 1' rel='nofollow' ><img src='διευθυνση-της-φωτο 1' border='0' height='60px' width='468px' ></a>";

Εκεί που λέει images[0] αλλάξτε το 0 κάθε φορά βάζοντας 1, 2, 3, κλπ. ανάλογα με το πόσα banner θα βάλετε και στο τέλος στο new Array(3) , αντί για 3 βάλτε τον αριθμό των banner που βάλατε.

πηγή: bloggertips.gr