Πως ρυθμίζεις τη φωτεινότητα μιας φωτογραφίας?

Η σημερινή μου ανάρτηση θα ασχοληθεί με τη ρύθμιση της φωτεινότητας (opacity) κάθε φωτοφραφίας.
Θα ρυθμίσετε την φωτεινότητα της φωτογραφία σας όσο θέλετε και όταν κάποιος θα περνάει με το ποντίκι του πάνω από την φώτο ,τότε αυτή θα ξανα φωτίζει.

Δηλαδή θα σας εξηγήσω πως να φτιάξετε μια φώτο όπως είναι η παρακάτω:
(περάστε με το ποντίκι από πάνω της)


Για να καταλάβετε αυτά που θα σας πω παρακάτω ,θα πρέπει να έχετε διαβάσει πρώτα την παρακάτω ανάρτηση:
http://johnpatrablog.blogspot.com/2009/09/picture-html-code.html

Αφού λοιπόν την διαβάσετε ξέρετε πως ο κώδικας μιας απλής φωτογραφίας είναι κάπως έτσι:

<img alt="johnpatrablog" src="http://i723.photobucket.com/albums/ww239/johnpatra/banners/cooltext432291289.png" height="50" width="150" />

Για να ρυθμίσετε την φωτεινότητα της θα πρέπει να προσθέσετε κάποιους κωδικούς ώστε ο κώδικας να γίνει έτσι:

<img
onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
style="opacity:0.4;filter:alpha(opacity=40)" alt="johnpatrablog" width="150" src="http://i723.photobucket.com/albums/ww239/johnpatra/banners/cooltext432291289.png" height="50"/>

Με τον ίδιο τρόπο ρυθμίζετε και μια φώτο που να είναι λινκ.
Από έτσι...

<a href="http://www.johnpatrablog.blogspot.com/" target="_blank">
<img alt="johnpatrablog" src="http://i723.photobucket.com/albums/ww239/johnpatra/banners/cooltext432291289.png" height="50" width="150" /></a>

...ο κώδικας γίνεται έτσι:

<a
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=40"
style="opacity:0.4;filter:alpha(opacity=40)"
href="http://www.johnpatrablog.blogspot.com/" target="_blank">
<img alt="johnpatrablog" width="150" src="http://i723.photobucket.com/albums/ww239/johnpatra/banners/cooltext432291289.png" height="50"/></a>

Απλά προστέθετε τους παραπάνω κωδικούς στην δικιά σας φωτογραφία.
Μπορείτε να ρυθμίσετε όσο θέλετε τη φωτεινότητά της.Σας έχω μαρκάρει με κίτρινο τη μεταβλητή που μπορείτε να την βάλετε από 0.1 εως 0.9.

Κάντε τους πειραματισμούς και τις δοκιμές σας και πείτε μου τι έγινε αφήνοντας ένα σχόλιο.