Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

ΕΝΑΛΛΑΣΣΟΜΕΝΕΣ ΕΙΚΟΝΕΣ (Νο2)


Print Friendly and PDFPrintPrint Friendly and PDFPDF


Νέοι bloggers γειά σας !Σήμερα σας παρουσιάζω το κώδικα που κάνει τις εικόνες σας 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:  με αυτά που σας ταιριάζουν
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!! (...για ότι νεώτερο προκύψει σε κάποιο πρόβλημα, θα το συμπληρώνω αμέσως εδώ)

Stumble
Delicious
Technorati
Twitter
Facebook

1 comments:

pan de lees είπε...

για να δειτε την εικονα σαν mouse over, πρεπει να δειτε ολοκληρη την αναρτηση...στην αρχικη σελιδα ( με read more, στην αναρτηση, δεν τη δειχνει

Δημοσίευση σχολίου

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *