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)

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

Membre Club
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','|&amp;nbsp;&amp;nbsp;&amp;nbsp;2','ctl00_MainContent_ProductInfo1_ctl00_ImagesModule2_AltList_ctl06_lblnumbers');">|&nbsp;&nbsp;&nbsp;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','|&amp;nbsp;&amp;nbsp;&amp;nbsp;3','ctl00_MainContent_ProductInfo1_ctl00_ImagesModule2_AltList_ctl10_lblnumbers');">|&nbsp;&nbsp;&nbsp;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

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

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

exactement, mais juste manuel !

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

bultez

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


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,343 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.