|
 Trouver une ressource
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !
 Sujet : Diaporama en javascript [ JavaScript Orienté objet (POO) / Divers ] (jibtothenight)
 Informations & options pour cette discussion
mardi 13 mai 2008 à 11:39:53 |
Diaporama en javascript
jibtothenight
|
Bonjour, je suis débutant en javascript et je souhaiterais faire un diapo manuel très simple , avec en-dessous du cadre photo le numero des photos : 1 | 2 | 3 | 4 si quelqu'un pouvait m'aider svp merci d'avance !
|
|
|
mardi 13 mai 2008 à 12:07:11 |
Re : Diaporama en javascript
bultez
|
Bonjour, je pose la question quand même ( on se fait généralement quasi insulté quand on demande ! ) : tu as fait la moindre recherche ? foultitude d'exemples dans les sources ! tu regardes, tu adaptes, tu revient si tu as des soucis avec un code, on t'aidera à mettre au point.
Cordialement  Bul [ mon Site] [ M'écrire]
|
|
|
mardi 13 mai 2008 à 12:42:41 |
Re : Diaporama en javascript
jibtothenight
|
Bien sur que je cherche sa fait 1 semaine que je suis dessus, et voici ce qui se rpproche le plus de ce que je recherche :
<!--Start Ready to Buy -->
<div id="readyToBuy">
<span id="ctl00_MainContent_ProductInfo1_ctl00_PurchaseModule2_Coloroption"><html><table cellpadding='0' cellspacing='0' align='center'><tr><td><a href='javascript:void(0)' title="Black" onmouseOut='javascript:return PreviousImageShow(document.getElementById("firstimage").value);' onclick='javascript:return ImageChange("image/n1.jpeg","Shown in Black");' onmouseover= 'javascript:return FnImageShow("image/n1.jpeg","Shown in Black");'><img border='0' src="image/n1.jpeg"/></a></td><td><a href='javascript:void(0)' title="Arctic Blue/Black" onmouseOut='javascript:return PreviousImageShow(document.getElementById("firstimage").value);' onclick='javascript:return ImageChange("image/n2.jpeg","Shown in Arctic Blue/Black");' onmouseover= 'javascript:return FnImageShow("image/n2.jpeg","Shown in Arctic Blue/Black");'><img border='0' src="image/n2.jpeg"/></a></td><td><a href='javascript:void(0)' title="Red/Black" onmouseOut='javascript:return PreviousImageShow(document.getElementById("firstimage").value);' onclick='javascript:return ImageChange("image/n3.jpeg","Shown in Red/Black");' onmouseover= 'javascript:return FnImageShow("image/n3.jpeg","Shown in Red/Black");'><img border='0' src="image/n3.jpeg"/></a></td></tr></table></html></span>
<div class="spacer"></div>
<!--Start Options selection-->
<!-- end: Add to cart-->
<div id="shipAddresses">
<div>
<center></center>
<input type="hidden" name="ctl00$MainContent$ProductInfo1$ctl00$PurchaseModule2$hdnStockQty" id="ctl00_MainContent_ProductInfo1_ctl00_PurchaseModule2_hdnStockQty" value="456" />
</div>
</div>
</div>
<!-- :end readyToBuy -->
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td >
<div>
<div><a href="javascript:void(0)" onclick='javascript:return previousimage();' class="product_image_previous" >Previous</a></div>
<div><a href="javascript:void(0)" onclick='javascript:return nextimage();' class="product_image_next" >Next</a></div>
<div class="alt_view">
<h6>Alternate View </h6>
<div class="nos" align="center"><span class="nos">
<a href="javascript:void(0)"><span id="ctl00_MainContent_ProductInfo1_ctl00_ImagesModule2_AltList_ctl00_lblnumbers"></span></a>
<a href="javascript:void(0)"><span id="ctl00_MainContent_ProductInfo1_ctl00_ImagesModule2_AltList_ctl02_lblnumbers" onClick="Javascript:prodImgHover('http://127.0.0.1/jcn2/image/n1.jpg','1','ctl00_MainContent_ProductInfo1_ctl00_ImagesModule2_AltList_ctl02_lblnumbers');">1</span></a>
<a href="javascript:void(0)"><span id="ctl00_MainContent_ProductInfo1_ctl00_ImagesModule2_AltList_ctl04_lblnumbers"></span></a>
<a href="javascript:void(0)"><span id="ctl00_MainContent_ProductInfo1_ctl00_ImagesModule2_AltList_ctl06_lblnumbers" onClick="Javascript:prodImgHover('image/n2.jpg','|&nbsp;&nbsp;&nbsp;2','ctl00_MainContent_ProductInfo1_ctl00_ImagesModule2_AltList_ctl06_lblnumbers');">| 2</span></a>
<a href="javascript:void(0)"><span id="ctl00_MainContent_ProductInfo1_ctl00_ImagesModule2_AltList_ctl08_lblnumbers"></span></a>
<a href="javascript:void(0)"><span id="ctl00_MainContent_ProductInfo1_ctl00_ImagesModule2_AltList_ctl10_lblnumbers" onClick="Javascript:prodImgHover('image/n3.jpg','|&nbsp;&nbsp;&nbsp;3','ctl00_MainContent_ProductInfo1_ctl00_ImagesModule2_AltList_ctl10_lblnumbers');">| 3</span></a>
<a href="javascript:void(0)"><span id="ctl00_MainContent_ProductInfo1_ctl00_ImagesModule2_AltList_ctl12_lblnumbers"></span></a>
</span></div>
</div></div>
|
|
|
mardi 13 mai 2008 à 12:59:16 |
Re : Diaporama en javascript
bultez
|
certes.... mais qu'est-ce qui ne fonctionne pas ? et comme on n'a que la moitié des choses on ne va guère pouvoir aller plus loin. ch'tiote remarque malgré tout : tu peux trouver beaucoup, beaucoup, beaucoup... plus simple.
Cordialement Bul [ mon Site] [ M'écrire]
|
|
|
mardi 13 mai 2008 à 13:07:00 |
Re : Diaporama en javascript
jibtothenight
|
Je veux bien ta solution très simple, c'est ce que je cherche sans effet quelconques, j'ai déja cherché sur Codes Sources, ALLHTML, site du zeo, comment ça marche, clubic ....
|
|
|
mardi 13 mai 2008 à 13:16:57 |
Re : Diaporama en javascript
bultez
|
tu veux afficher une photo ( avec un n° ou son nom ) 1 bouton : photo suivante, 1 bouton photo précédente 1 bouton 1ère image, 1 bouton dernière image... défilement automatique ou pas ? ... dans les 2 sens ou pas ? c'est ça ? rien d'autre ?
Cordialement Bul [ mon Site] [ M'écrire]
|
|
|
mardi 13 mai 2008 à 13:20:23 |
Re : Diaporama en javascript
|
mardi 13 mai 2008 à 14:18:18 |
Re : Diaporama en javascript
bultez
|
alors... chiche ! <body>
<table>
<tr> <td> <button onclick="chgt(1);">Suivant</button>
<button onclick="chgt(-1);">Précédent</button></td></tr>
<tr> <td> <img src="" id="i1" /></td></tr>
<tr> <td id="num"></td></tr>
</table>
<script type="text/javascript">
var im=new Array("i1.gif","a2.bmp");
// ici, le nom des images, rien d'autre n'est à modifer
var n=document.getElementById("num");
var ou=document.getElementById("i1");
var act=0;
ou.src=im[act];
n.innerHTML=(act+1)+"/"+im.length;;
function chgt(sens)
{ if ( ( act+sens ) >= im.length )
{ act=0; }
else { if ( (act+sens) < 0 )
{ act=im.length-1; }
else { act+=sens; }
}
ou.src=im[act];
n.innerHTML=(act+1)+"/"+im.length;
}
</script>
</body>
reste la mise en page ( dous euphémisme ! ) , à mettre les noms de tes images..... tu pourras ajouter un défilement automatique ou ce que tu veux.... ça suppose que ce .htm soit dans le même répertoire que les images.
Cordialement Bul [ mon Site] [ M'écrire]
|
|
|
mardi 13 mai 2008 à 14:39:54 |
Re : Diaporama en javascript
jibtothenight
|
MERCI beaucoup, c'est exactement ce que je recherchais, t'as vraiment assuré, et merci encore à codes sours !!!!!!!!!!!
|
|
|
Cette discussion est classé dans : javascript, diaporama
 Répondre à ce message
 Sujets en rapport avec ce message
lien sur photos en javascript [ par missFlo17 ]
Bonjour bonjour,Voilà, j'ai un diaporama de photos en javascript et j'aimerai que chaque photo correspond à un lien vers une page (1 page différente p
Diaporama javascript [ par standoff ]
une diaporama des images avec l’audio avec javascript [ par a_moukriss ]
bonjour j'espere quie je suis dans le bon endroi pour poster ma question ! je veux realiser une diaporama (avec javascript)des images avec l'audio q
Diaporama Javascript [ par tug ]
Bonjour, J'aimerais faire un défilement de 15 images dont 5 sont deja visibles sur la surface de pre affichage et à l'aide des boutons suiva
Javascript onLoad et externalInterface Flash [ par boozyboozy ]
Bonjour, j'utilise swfObjects, javascript et Flash pour une de mes pages XHTML. Je recupère les variables de Flash à travers mon javascript externe "d
diaporama en javascript [ par rsempe ]
Bonjour, J'aimerais réaliser un diaporama en javascript Etant donné que je débute dans le domaine j'aimerais avoir quelques conseils Si vous avez des
Javascript : Diaporama vidéo aléatoire, automatique et timer ajustable [ par Reziga89 ]
Bonjour, Je cherche depuis 2 jours en vain à créer un diaporama en javascript affichant des vidéos de manière aléatoire (en .AVI), défilant automatiqu
besoin d'aide pour code javascript [ par bebejolie ]
bonsoir je ne sais pas si je suis au bonne endroit et je m'excuse si cela n'est pas le cas mais apres avoir chercher sur le net, je me decide a vous p
eteindre une video en Flash via un llien et évenement javascript [ par mikymaxxx ]
Bonjour,voilà, tout d'abord j'aurai aimé pouvoir éteindre la vidéo en cliquant sur le lien "close this video", car lorsque je suis le lien, la page se
session javascript [ par shedex ]
bonjour, Est-il possible de mettre en session_start() , une variable javascript?? Ou existe t-il une autre solution ?? Merci d'avance
 Livres en rapport
|
 Téléchargements
Logiciels à télécharger sur le même thème :
Comparez les prix Nouvelle version
|