agrandir vignette - image par défaut - HTML/CSS - Programmation
Marsh Posté le 21-10-2009 à 09:35:27
Citation : je souhaiterais que la page 1 s’affiche par défaut lors de l’ouverture de la page html |
<body onLoad="javascript:AfficheMaxi('page1.jpg');"> |
Marsh Posté le 21-10-2009 à 19:00:13
Super, c'est exactement ce qu'il me fallait.
Merci beaucoup.
Marsh Posté le 21-10-2009 à 05:57:00
Bonjour à tous,
Voilà mon souci, j’ai un magazine de 4 pages que j’affiche en 4 vignettes. Lors du clic sur l’une de celle-ci, la page en taille réelle s’affiche en dessous. Jusqu'ici, tout fonctionne.
Mais je souhaiterais que la page 1 s’affiche par défaut lors de l’ouverture de la page html car actuellement, la zone dédiée est vierge tant que l'on a pas cliqué sur une des vignettes.
Quelqu’un peut il m’aider.
Merci à tous
Voici le javscript :
<script language="javascript" type="text/javascript">
//maxi est le repertoire des images grands formats
//mini est le repertoire des images petits formats
function AfficheMaxi(a)
{
document.getElementById('ZonePrMaxi').innerHTML ="<img src='photos/maxi/"+a+"' width=550 />";
}
</script>
Et le code dans ma page :
<div align="center">
<img src="photos/mini/p1.jpg" width="100" onclick="javascript:AfficheMaxi('page1.jpg');">
<img src="photos/mini/p2.jpg" width="100" onclick="javascript:AfficheMaxi('page2.jpg');">
<img src="photos/mini/p3.jpg" width="100" onclick="javascript:AfficheMaxi('page3.jpg');">
<img src="photos/mini/p4.jpg" width="100" onclick="javascript:AfficheMaxi('page4.jpg');">
<h3>Cliquer sur une des pages pour l'agrandir</h3>
<div id="ZonePrMaxi"></div>