Diaporama en javascript - JavaScript Orienté objet (POO) / Divers, Javascript / Ajax / DHTML

CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

AccueilCodesTutorielsForumsEmploiLivresConnexion

begin process at 2008 12 04 06:15:48

VIDéO : VISION DE MICROSOFT SUR LA 4èME GéNéRATION DES DATA CENTERS MODULAIRES par redo

[OPEN XML] COMPTE RENDU DII WORKSHOP DE BRUXELLES (2/2) par neodante

[OPEN XML] COMPTE RENDU DII WORKSHOP DE BRUXELLES (1/2) par neodante

[WPF] L'OBJET COLLECTIONVIEWSOURCE DE WPF, INDISPENSABLE POUR DéVELOPPER DES APPLICATIONS MéTIER ! par Thomas LEBRUN

MOBUZZ C'EST FINIT ! par orion

RE : BOUTON COCHER/DECOCHER par kazma

VOTE +1 AIDEZ MOI PLZ par drazika

JAVASCRIPT : OPENER ET REFRESH ? par photon02

TABLEAU D'INFORMATION par wwe419

RE : RECUPERER UNE VARIABLE par Bulledanslair

+ de logiciels à télécharger

1 302 966 membres
52 nouveaux aujourd'hui
14 556 membres club

Trouver une ressource

Trouvez une ressource parmi 39 084 codes, 1 208 996 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

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 !

Poser une question

Sujet : Diaporama en javascript [ JavaScript Orienté objet (POO) / Divers ] (jibtothenight)

Informations & options pour cette discussion

Vous êtes ici : Thèmes / Javascript / DHTML / Ajax / JavaScript Orienté objet (POO) / Divers / Diaporama en javascript
Ce sujet vous interesse ? Cliquez ici pour être averti quand il y a une nouvelle réponse

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 !
	Rép. MP 9 msg 23 msg CS

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]
	Rép. MP 11948 msg 13338 msg CS

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 :


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




    

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

</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]
	Rép. MP 11948 msg 13338 msg CS

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 ....
	Rép. MP 9 msg 23 msg CS

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]
	Rép. MP 11948 msg 13338 msg CS

mardi 13 mai 2008 à 13:20:23 | Re : Diaporama en javascript

jibtothenight	exactement, mais juste manuel !
	Rép. MP 9 msg 23 msg CS

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 !!!!!!!!!!!
	Rép. MP 9 msg 23 msg CS

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 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 Calculs javascript [ par nikeman13 ] Bonjour ! J'aimerais mettre sur mon site un petit système de calculs . Voila ce que je veux faire : Quantité d'objet 1 voulu [____] Quantité d'objet 2