Accueil > Forum > > > > Diaporama en javascript
 Diaporama en javascript
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ée 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
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
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
désigner la case d'un tableau en JavaScript [ par debutant VB ]
Bonjour,je débute en JavaScript, et voilà mon problème :ne sachant pas comment appeler une case d'un tableau dans le code en Javascript(document.nomfo
Problème avec XMLHTTPRequest [ par zlitus ]
Bonjours Je développe actuellement un site qui utilise énormément les XMLHTTPRequest et je suis confronté a un problème : Lors-que je fait appel à un
Pb javascript avec Gridview ASP.NET 2.0 [ par javajavajava ]
Bonjour,je rencontre un petit probleme d'erreur javascript.Je développe en ASP.NET 2.0 C#Lorsque je met à jour mon gridview avec des champs contenant
 Livres en rapport
|
Derniers Blogs
 PRATIQUE DE SILVERLIGHT PAR ERIC AMBROSIPRATIQUE DE SILVERLIGHT PAR ERIC AMBROSI par MPOWARE
Je viens de finir la lecture du dernier livre d'
Eric Ambrosi
éditions PEARSON
Son livre donne une approche pratique de Silverlight qui sera aussi bien comprise par le développeur que par le designeur.
Tous les aspects du développement RIA sont abor...
Cliquez pour lire la suite de l'article par MPOWARE APPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NETAPPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NET par odewit
2 déclinaisons de Silverlight et 2 déclinaisons de Mono permettent dorénavant (ou permettront prochainement) de développer des applications .NET mobiles pour les principales plates-formes du marché :
Silverlight pour Symbian, basé sur Silverlight 2...
Cliquez pour lire la suite de l'article par odewit ZUNE : NOUVELLE VERSION DU ZUNE SOFTWARE - V 4.2ZUNE : NOUVELLE VERSION DU ZUNE SOFTWARE - V 4.2 par ROMELARD Fabrice
Avec la dernière génération du lecteur MP3 de Microsoft, le ZUNE HD, Microsoft a publié une nouvelle version du logiciel pour PC. Ainsi, je me suis décidé à installer celle-ci sur mon Tablet PC ACER, comme toujours le logiciel est donc tél...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice L'INTERFACE NATURELLE DE WINDOWS PHONE 7 SERIESL'INTERFACE NATURELLE DE WINDOWS PHONE 7 SERIES par odewit
La tendance est aux interfaces naturelles (NUI), et le keynote de Bill Buxton au MIX l'a bien souligné.
La charte graphique et ergonomique de Windows Phone 7 a donc été entièrement repensée en vue d'obtenir un maximum d'efficacité sur ce point. En re...
Cliquez pour lire la suite de l'article par odewit
Forum
 RE : CONVERSIONRE : CONVERSION par peter2010
Cliquez pour lire la suite par peter2010
Logiciels
 Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|