Modifier un diaporama trouvé sur le web

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 :confused:

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.

Ca roule merci

:jap:

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 :smiley:

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 :slight_smile: 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 :wink:

:jap:

Encore merci