Κυριακή, 1 Μαΐου 2011

ΕΝΑΛΛΑΣΣΟΜΕΝΕΣ ΕΙΚΟΝΕΣ Πηγή www.bloggertips.gr







Ο τρόπος που βάζουμε το κώδικα είναι γνωστός, και σας τον ξαναθυμίζω:
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:  με αυτά που σας ταιριάζουν.