Bonjour,
J’ai trouvé ce diaporama sur le web :
http://www.toulouse-renaissance.net/c_outi…a_direction.htm
Je l’aime bien mais je voudrai savoir s’il serai possible de modifier le code pour que si on clic une image du diapo, elle s’affiche en grand dans une autre fenetre ?
Merci d’avance
tu rajoutes l’attribut onClick sur la balise img avec dedans un window.open,
ca doit être possible
Je ne comprend pas trop ce que tu veux dire
je connais rien du tout en javascript
<tr>
<td align="center" bgcolor="white" width="200" height="150"><img
src="IMAGE_1.gif" name="show" WIDTH="170" HEIGHT="202" onClick="window.open(document.formname.slide[current].value);"></td>
</tr>
essaye un truc comme ca.
Excuse moi mais est ce que tu peux me dire pour celui ci :
<html>
<head>
<title>Accueil - Les Ratoudoux</title>
<style type="text/css">@import url(../../../css/style.css);</style>
<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
var bauto = 0;
var dossier="im/";
var numero = 1;
function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("P1.jpg", "P2.jpg", "P3.jpg");
function suivante() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
}
function precedente() {
numero -= 1;
if (numero == 0) numero = nom.length;
document.image.src = dossier+nom[numero];
}
function changer() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
roll=setTimeout("changer()", 1500);
}
function initial() {
window.clearTimeout(roll);
document.image.src = dossier+nom[numero];
}
function auto() {
if (bauto == 0) {
bauto =1; changer();
document.vision.automat.value=" Lect/Stop ";
}
else {
bauto =0; initial();
document.vision.automat.value=" Lect/Auto ";
}
}
//-->
</script>
</head>
<body>
<div id="fond"></div>
<div id="fume"></div>
<div class="enhaut">
<img src="../../../images/nuage.gif"><a href="../../../index.html"><b> Accueil </b></a>
<img src="../../../images/nuage.gif"><a href="http://www.livre-dor.net/livre.php?livredor=4439" target="_blank"><b> Livre d'or </b></a>
<img src="../../../images/nuage.gif"><a href="mailto:lesratoudoux@yahoo.fr"<b> Nous contacter </b></a>
</div>
<div class="menu">
<b>Nos rattoux</b><br><br>
<a href="../../../femelles.html">Les femelles</a><br>
<a href="../../../males.html">Les males</a><br>
<a href="../../../anges.html">Les petits anges</a><br>
<a href="../../../installations.html">Installations</a><br><br>
<b>A savoir</b><br><br>
<a href="../../../nourriture.html">Nourriture</a><br>
<a href="../../../santé.html">Santé</a><br>
<a href="../../../habitat.html">Habitat</a><br>
<a href="../../../apprivoisement.html">Apprivoisement</a><br><br>
<b>Divers</b><br><br>
<a href="../../../autresanimaux.html">Nos autres animaux</a><br>
<a href="../../../nous.html">Qui sommes nous ?</a><br>
<a href="../../../annonces.html">Annonces</a><br>
<a href="../../../liens.html">Liens</a></div>
<div id="texte"><form name="vision">
<div align="center">
<input type="button" name="precedent" value="Précédente" onClick="precedente();">
<input type="button" name="suivant" value=" Suivante " onClick="suivante();">
<input type="button" name="automat" value=" Lect/Auto "onClick="auto();">
</div>
</form>
<div id="test"><img src="im/P1.jpg" name="image"></div>
</div>
<div id="copy">.::. Webmaster/Designer : Jeremy .::. Contenu : Cammy .::. Copyright 2005 .::.</div>
</body>
</html>
Je le trouve mieux comme diapo, il est plus simple
Je l’ai trouvé ici : http://www.jejavascript.net/visionn.php
Merci d’avance
J’ai trouvé comme un grand
Merci
Par contre ca affiche l’image en cours dans le diapo mais si je veux que ca ouvre une autre image ?
(Pendant le diapo c’est une minature et je voudrai la grande image en cliquant)
Sachant que la miniature (qui defile au diaporama) sera P1.jpg par exemple et la grande image que je veux dans une autre fenetre sera 1jpg
essaye
<img src=“im/P1.jpg” name=“image” onClick=“window.open(dossier+numero+’.jpg’);”>
ca donnera im/x.jpg
où x est le numéro de l’image.
(donc Px sera la miniature)
Yes!
Trop fort Je vais essayer d’apprendre la javascript un peu moi c’est sympa quand meme. Tant que j’y suis, dans le code tu vois pas ou je peux reduire la vitesse de defilement des images ?
Merci beaucoup
fonction changer() :
roll=setTimeout(“changer()”, 1500);
c’est en millisecondes donc là le délai est de 1,5 secondes