ΕΝΑΛΛΑΣΣΟΜΕΝΕΣ ΕΙΚΟΝΕΣ

Σήμερα σας παρουσιάζω το κώδικα που κάνει τις εικόνες σας onmouseover (δηλαδή, όταν περνάει από πάνω τους το ποντίκι να αλλάζουν όψη)...βασική προυπόθεση όμως είναι να ταιριάζουν λίγο στα μεγέθη αυτές οι φωτογραφίες (δηλ. και οι 2 πλαγιαστές, η και οι 2 όρθιες).

Το κώδικα που σας δίνω τον βρήκα , (δεν τον έφτιαξα εγώ, βεβαίως), αλλά τον δοκίμασα πολλές φορές μέχρι να βεβαιωθώ ότι δουλεύει με πολλές φωτογραφίες στο ίδιο blog !!!
Ο τρόπος που βάζουμε το κώδικα είναι γνωστός, και σας τον ξαναθυμίζω:
BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>GADGET=>HTML/JavaScript :

<Img onmouseover = "this.src = 'URL-image2'" src = "URL-image1" onMouseOut = "this.src = 'URL-image1'" style = "float: left; margin: 0 10px 5px 0; height : 101px; width: 80px; "/>


ΠΑΡΑΔΕΙΓΜΑ:

<img onmouseover = "this.src = 'http://i956.photobucket.com/albums/ae48/pankar61/banneregioparalia2.gif'" src = "http://i1029.photobucket.com/albums/y353/pantelakos/MONODROMOSX.jpg "onmouseout =" this.src = 'http://i1029.photobucket.com/albums/y353/pantelakos/MONODROMOSX.jpg' "style =" float: left; margin: 0 10px 5px 0;   101px; width: 150px; "/>

Αλλάξετε τις φωτογραφιες (jpg η gif) με δικές σας...
Αλλάξτε το μεγέθη height:   και  width:  με αυτά που σας ταιριάζουν