Αλλαγή εικόνας onmouseover με CSS

[RedKostas]

Καλησπέρα,

 

προσπαθώ να φτιάξω ένα site και έχω το εξής πρόβλημα:

έχω διαμορφώσει το layout της σελίδας με πίνακα, και στα αριστερά της σελίδας σκοπεύω να έχω το μενού πλοήγησης (8 κελιά, στο καθένα θα υπάρχει εικόνα png). Θέλω όταν ο χρήστης περνάει με το ποντίκι πάνω από μια εικόνα-στοιχείο του μενού, αυτή να αλλάζει σε μια ελαφρώς διαφορετική εικόνα (έχω φτιάξει τα δύο σετ εικόνων για κάθε στοιχείο του μενού). Δεν θέλω να χρησιμοποιήσω javascript. Διαβάζω παντού για css, αλλά έχω μπερδευτεί. Μπορεί κάποιος να προτείνει κώδικα για να το κάνω αυτό (όσο το δυνατόν αναλυτικότερα, θα το εκτιμούσα πολύ);

 

Ευχαριστώ

 

Κώστας

[alexandr0s]

στο CSS σου θα γράψεις

a:hover{

...

}

[RedKostas]

Καλησπέρα,

 

κατ' αρχήν ευχαριστώ για την απάντηση. Τη "λύση" με το :hover την έχω βρει και εγώ σε διάφορα sites, αλλά ακόμα μπερδεύω τα inline styles με τα internal styles και τις classes, κοινώς δεν βρίσκω άκρη

Πρέπει να ορίσω class; Μπορώ να το κάνω inline;

Αν δεν σου κάνει κόπο, μπορείς να δώσεις ένα παράδειγμα;

 

Ευχαριστώ

 

Κώστας

[mkst]

Η καλύτερη τεχνική είναι εδώ: http://www.phpmysqlapache.com/wordpress/category/css/

 

Και αυτό επειδή δεν απαιτεί image preloading

[RedKostas]

Καλησπέρα,

 

ευχαριστώ για τη βοήθεια, τελικά αποφάσισα να το κάνω με javascript. Με τη χρήση CSS τα μπέρδεψα λίγο τα πράγματα, πρέπει μάλλον να τη μελετήσω περισσότερο

 

Κώστας