GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr Delicius DIIGO Start.me NETVIBES feedburner

ΚΩΔΙΚΑΣ ΓΙΑ ΑΔΙΑΦΑΝΕΙΑ / OPACITY ΣΤΙΣ ΕΙΚΟΝΕΣ

PHOTO OPACITY
ΚΩΔΙΚΑΣ ΓΙΑ ΑΔΙΑΦΑΝΕΙΑ / OPACITY ΣΤΙΣ ΕΙΚΟΝΕΣ
Με τον παρακάτω κώδικα μπορείτε να αλλάξετε την ορατότητα των εικόνων σας, δηλαδή όταν βάζετε το ποντίκι επάνω τους να αλλάζει η φωτεινότητα και η διαφάνεια. Στον πρώτο κώδικα που επαναλαβάνεται 4 φορές για 4 εικόνες δεν έχω βάλει link παραπομπής στην αρχική εικόνα, ενώ στον δεύτερο κώδικα που και αυτός επαναλαβάνεται 4 φορές για 4 εικόνες υπάρχει link παραπομπής στην αρχική εικόνα διαστάσεων 1600Χ1000 px. Την αδιαφάνεια την ρυθμίζετε αλλάζωντας τα πράσινα νούμερα και τις διαστάσεις των εικόνων αλλάζωντας τα γαλάζια νούμερα.



Πρώτος κώδικας χωρίς link παραπομπής στην αρχική εικόνα.
<img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=70"
style="opacity:0.7;filter:alpha(opacity=70)"
src="https://lh5.googleusercontent.com/-HJR8KNyg1M4/UKDHMFE2Q9I/AAAAAAAAEcw/k96bVbsMkjo/w232-h145-no/MYKONOS-01.jpg" width="232" height="145" />

<img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=70"
style="opacity:0.7;filter:alpha(opacity=70)"
src="https://lh3.googleusercontent.com/-IpbTLOK-Y_0/ULnOvmkGDPI/AAAAAAAAFuY/Cy2OmXhpMok/w232-h145-no/MYKONOS-11.jpg" width="232" height="145" />

<img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=70"
style="opacity:0.7;filter:alpha(opacity=70)"
src="https://lh5.googleusercontent.com/-imqrOMbIA2k/UneVbkmjtlI/AAAAAAAAJzE/FeZdc491igg/w232-h145-no/MYKONOS-16.jpg" width="232" height="145" />

<img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=70"
style="opacity:0.7;filter:alpha(opacity=70)"
src="https://lh3.googleusercontent.com/-nMGHSE2Y9xQ/UpS5O-VBoVI/AAAAAAAAKrw/-tpc4X6Rhmo/w232-h145-no/MYKONOS-31.jpg" width="232"
height="145" />

Δεύτερος κώδικας με link παραπομπής στην αρχική εικόνα.
<a onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=70"
style="opacity:0.7;filter:alpha(opacity=70)"
href="https://lh3.googleusercontent.com/-9eG7WKPlsUU/UJOfyfiPoEI/AAAAAAAACZU/TZNh6R92h0c/w1600-h1000-no/Santorini-32.jpg" target="_blank">
<img  src="https://lh3.googleusercontent.com/-9eG7WKPlsUU/UJOfyfiPoEI/AAAAAAAACZU/TZNh6R92h0c/w232-h145-no/Santorini-32.jpg" width="232" height="145" /></a>

<a onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=70"
style="opacity:0.7;filter:alpha(opacity=70)"
href="https://lh3.googleusercontent.com/-jECgyu7zlNc/UfD_0BRRnPI/AAAAAAAAITA/6Wz1fmiYHO0/w1600-h1000-no/SANTORINI-58.jpg" target="_blank">
<img  src="https://lh3.googleusercontent.com/-jECgyu7zlNc/UfD_0BRRnPI/AAAAAAAAITA/6Wz1fmiYHO0/w232-h145-no/SANTORINI-58.jpg" width="232" height="145" /></a>

<a onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=70"
style="opacity:0.7;filter:alpha(opacity=70)"
href="https://lh3.googleusercontent.com/-xxEchkTIEFg/UfEATYXMHDI/AAAAAAAAITA/eLpQ4jp1hCE/w1600-h1000-no/SANTORINI-67.jpg" target="_blank">
<img  src="https://lh3.googleusercontent.com/-xxEchkTIEFg/UfEATYXMHDI/AAAAAAAAITA/eLpQ4jp1hCE/w232-h145-no/SANTORINI-67.jpg" width="232" height="145" /></a>

<a onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=70"
style="opacity:0.7;filter:alpha(opacity=70)"
href="https://lh5.googleusercontent.com/-UtFxoo3R3G8/UfEAeYtfgQI/AAAAAAAAITA/DJQgqPrhzKI/w1600-h1000-no/SANTORINI-73.jpg" target="_blank">

<img  src="https://lh5.googleusercontent.com/-UtFxoo3R3G8/UfEAeYtfgQI/AAAAAAAAITA/DJQgqPrhzKI/w232-h145-no/SANTORINI-73.jpg" width="232" height="145" /></a>

Δεν υπάρχουν σχόλια:

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

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".