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

Ce site au démarrage

begin process at 2012 02 14 11:26:57

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

SLIDE & DéMO TECHDAYS 2012 - FAST & FURIOUS XAML APPS par Vko

XNA IS DEAD! par richardc

TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice

[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio

TECHDAYS PARIS 2012 : CHUCK MORRIS N'A PAS PEUR DES MALWARES, CE SONT LES MALWARES QUI ONT PEUR DE CHUCK MORRIS par ROMELARD Fabrice

Forum

RE : MENU VERTICAL DéROULANT par lordmacrage

RE : REMPLACER UN SOUS CHAINE DANS UNE AUTRE par Renfield

REMPLACER UN SOUS CHAINE DANS UNE AUTRE par stealon

GOOGLE MAP PB ZINDEX MARKER par philou8

RE : AIDE SUR UN SCRIPT?? par NHenry

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

URGENT-Conseil en architecture de site internet-CDC DISPONIBLE-
Budget : 400€
URGENT - Realisation d-un flux standard XML -NewsML- CAHIER DES CHARGES DISPONIBLE
Budget : 400€
Creation de newsletter sur une page Facebook
Budget : 400€

Logiciels

DocTranslate (V3.1.0.0)
DOCTRANSLATE (V3.1.0.0)

DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom...

Cliquez pour télécharger DocTranslate
Tribler (2012)
TRIBLER (2012)

Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des...

Cliquez pour télécharger Tribler
OneSwarm (2012)
ONESWARM (2012)

Le peer-to-peer qui protège votre vie privée, c'est OneSwarm. Ce logiciel de peer-to-peer crypté...

Cliquez pour télécharger OneSwarm
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)

PONAMEDIA TV DEVIENS HELLLOOO FLASH LA TV SUR VOTRE ORDINATEUR. Toute une plateforme Multi...

Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO
Academy System (17.2.1.0)
ACADEMY SYSTEM (17.2.1.0)

Logiciel de gestion des établissements. - élèves/étudiants (inscription, dossier, absence...) -...

Cliquez pour télécharger Academy System