Overblog
Editer l'article Suivre ce blog Administration + Créer mon blog
Gadgets pour Blog

Gadgets et Widgets pour vos sites et vos blogs, en accès libre et gratuit.

Image révélée

 

Une image opaque qui devient visible au passage de la souris et qui révèle un titre.

 

 

 

 

 

 

 

 

 

Copier/coller le code ici:

 

<SCRIPT language=javascript>
function popup(page,nom,option) {
window.open(page,nom,option); }
</SCRIPT>
<style type="text/css">
.gradualshine{
filter:alpha(opacity=50);
-moz-opacity:0.2;
}
</style>
<script type="text/javascript">
 
var baseopacity=25
function slowhigh(which2){
imgobj=which2
browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
highlighting=setInterval("gradualfade(imgobj)",50)
}
function slowlow(which2){
cleartimer()
instantset(baseopacity)
}
function instantset(degree){
if (browserdetect=="mozilla")
imgobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
imgobj.filters.alpha.opacity=degree
}
function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}
function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
</script>
<p >
<a href="http://pause-cafe.e-monsite.com" title="Gravir toutes les marches jusqu'au sommet..." target="_blank"><img class="gradualshine" onmouseover="slowhigh(this)" onmouseout="slowlow(this)" src="http://idata.over-blog.com/4/76/05/50/thumb_the_shining_klostermuehle_herl_lorscheid.jpg" style="opacity: 0.25;" /></a>
</p>

Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article