ON MOUSEOVER ΕΙΚΟΝΕΣ
Νέοι bloggers γειά σας !Σήμερα σας παρουσιάζω το κώδικα που κάνει τις εικόνες σας onmouseover (δηλαδή, όταν περνάει από πάνω τους το ποντίκι να αλλάζουν όψη)...βασική προυπόθεση όμως είναι να ταιριάζουν λίγο στα μεγέθη αυτές οι φωτογραφίες (δηλ. και οι 2 πλαγιαστές, η και οι 2 όρθιες)
Το κώδικα που σας δίνω τον βρήκα , (δεν τον έφτιαξα εγώ, βεβαίως), αλλά τον δοκίμασα πολλές φορές μέχρι να βεβαιωθώ ότι δουλεύει με πολλές φωτογραφίες στο ίδιο blog !!!
Ο τρόπος που βάζουμε το κώδικα είναι γνωστός, και σας τον ξαναθυμίζω:
BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>GADGET=>HTML/JavaScript :
<Img onmouseover = "this.src = 'ΕΔΩ-ΕΙΚΟΝΑ 2'" src = "ΕΔΩ-ΕΙΚΟΝΑ1" onMouseOut = "this.src = 'ΕΔΩ-ΕΙΚΟΝΑ1'" 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; height: 101px; width: 150px; "/>
...Διαλέξτε 2 εικόνες και ξεκινήστε...ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>GADGET=>HTML/JavaScript :
<Img onmouseover = "this.src = 'ΕΔΩ-ΕΙΚΟΝΑ 2'" src = "ΕΔΩ-ΕΙΚΟΝΑ1" onMouseOut = "this.src = 'ΕΔΩ-ΕΙΚΟΝΑ1'" 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; height: 101px; width: 150px; "/>
...Διαλέξτε 2 εικόνες και ξεκινήστε...ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
