Bonsoir !
J'ai réalisé un code qui permet, en utilisant des <SPAN> mis côte à côte et en réduisant progressivement la taille, de donner un effet de perspective. Il ne fonctionne pas sous Firefox et je ne sais pas pourquoi!
Voici le code :
<html>
<head>
<script language=javascript>
<!--
function perspective(image,largeur,hauteur,qualite,coefReduc){
largb=100-qualite
img=0
for(i=0;i<largeur;i+=largb){
img++
html="<span style=\"position:relative;width:"+largb
html+=";overflow:hidden;top:"+(-i*coefReduc/2)
html+=";left:0\"><img height="+Math.round(hauteur-coefReduc*i)
html+=" style=\"position:relative;left:-"+i+"\" src=\""+image+"\" width=400></span>"
document.write(html)
}
}
//-->
</script>
</head>
<body>
<br>
<br>
<hr>
<div style="border-style:solid">
<script language=javascript>
perspective("chien.jpg",400,400,90,0.2)
</script>
</div>
<hr>
</body>
</html>
Exemple :
[ Lien ]
Je vous remercie par avance pour l'aide que vous allez m'apporter.
Cordialement,
Amirouche