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

Ce site au démarrage

begin process at 2012 05 30 01:43:13

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

JavaScript Orienté objet (POO)

Diaporama en javascript

Poser une question dans le forum ou lancer une discussion

Diaporama en javascript

mardi 13 mai 2008 à 11:39:53 | Diaporama en javascript

jibtothenight

9 msg

23 msg CS

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

11958 msg

13348 msg CS

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

9 msg

23 msg CS

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

11958 msg

13348 msg CS

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

9 msg

23 msg CS

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

11958 msg

13348 msg CS

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

jibtothenight

9 msg

23 msg CS

exactement, mais juste manuel !

mardi 13 mai 2008 à 14:18:18 | Re : Diaporama en javascript

bultez

11958 msg

13348 msg CS

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

9 msg

23 msg CS

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 javascript lent [ par nico12908 ] Bonjour, Voila, j'ai réalisé un diaporama avec ce code javascrpit : <!-- Hide script from older browsers thisImg = 1 imgCt = 13 function newSlide(di 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

Livres en rapport

PHP - 2 - Ateliers Web professionnels avec PHP/MySQL et JavaScript

JavaScript

Aide-mémoire JavaScript

Javascript

Tous les livres pour Javascript, Diaporama

Nos sponsors

Derniers Blogs

POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante

JOYEUX ANNIVERSAIRE NIX par ebartsoft

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

Forum

RE : TRIER UNE BDD POUR AFFICHER LES DISPONIBILITéS par anthony428

RE : UTILISER UN .JS par jopop

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Creation d-un intergiciel temps reel
Budget : 200 000€
Application iphone et android - gestion contenu et version derivees-URGENT-REPUBLICATION
Budget : 5 000€
Creation espace client avec suivi de commande en temps reel
Budget : 800€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP