Image change on mouse over

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
07
Δημοσιεύσεις: 435
Εγγραφή: 28 Απρ 2001 03:00
Τοποθεσία: Buenos Aires

Image change on mouse over

Δημοσίευση από 07 » 04 Οκτ 2012 23:57

Καλησπέρα...έχω 2 εικόνες...η μία είναι σε gray scale και η άλλη με τα χρώματα κανονικά.θέλω η γκρι να είναι στατική και μόλις υπάρχει κίνηση επάνω της με τον cursor του mouse , να βγαίνουν τα κανονικά της χρώματα :) Θα προτιμούσα να γίνεται και με ένα μικρό εφέ για να φαίνεται όμορφο! Κάποια ιδέα??

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Image change on mouse over

Δημοσίευση από fafos » 05 Οκτ 2012 00:10

san background einai h eikona h me img sketo?
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...


athanasios-davalas
Δημοσιεύσεις: 215
Εγγραφή: 22 Ιουν 2012 21:55
Τοποθεσία: Αθήνα, Ζωγράφου
Επικοινωνία:

Image change on mouse over

Δημοσίευση από athanasios-davalas » 05 Οκτ 2012 18:13

Με απλή javascript μια χαρά την κάνεις την δουλειά σου

ενα πολύ απλό παράδειγμα δες εδώ

function roll_over(img_name, img_src)
{
document[img_name].src = img_src;
}


<A HREF="some.html" onmouseover="roll_over('but1', 'icon2.gif')"
onmouseout="roll_over('but1', 'icon1.gif')">
<IMG SRC="icon1.gif" WIDTH="100" HEIGHT="50"
NAME="but1" BORDER="0">
</A>

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης