begin process at 2012 05 29 02:32:49
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

ajouter une légende sous un diaporama simplissime

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

ajouter une légende sous un diaporama simplissime

dimanche 27 juillet 2008 à 13:58:37 | ajouter une légende sous un diaporama simplissime

artminort
Bonjour à tous,
comme des milliers l'ont fait avant moi, je vous prie d'abord de bien vouloir pardonner mon ignorance...

J'ai essayé une vingtaine de diaporamas en javascript à intégrer dans mon html,
mis en forme avec CSS.J'ai essayé d'obtenir le degré 0,5 du diaporama:
un cadre image, un bouton précédent, un bouton suivant, et une légende.

j'en ai trouvé un (dans vos innombrables ressources) comme il me faut : basique,
mais je n'ai pas réussi à y intégrer une légende ou un commentaire pour chaque image.

je suis conscient que c'est un peu vous demander de faire le boulot à ma place, mais il m'a fallu plus de
12 heures de recherches sans pause avant de me résoudre à demander de l'aide.
Peut-être qu'il ne vous faut même pas une minute pour trouver et formuler une solution que j'aurais du
mal à trouver en une semaine...(je vais demain acheter un livre sur le javascript)
(En échange je veux bien offrir mon savoir-faire en matière de dessin, peinture, menuiserie, metallurgie,
mécanique, résistance des matériaux, construction...)

Voici mon modèle, et merci d'avance à quiconque y porterait attention...                       martin

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>

<body>
     <p align="center"><img name="myPicture" src="AA001.jpg" width="510" height="57">
   
     <script language="JavaScript">
     var myPix = new Array("AA001.jpg","AA002.jpg","AA003.jpg")
     var thisPic = 0
   
     function doPrevious() {
     if (document.images && thisPic > 0) {
     thisPic--
     document.myPicture.src=myPix[thisPic]
     }
     }
   
     function doNext() {
     if (document.images && thisPic < 2) {
     thisPic++
     document.myPicture.src=myPix[thisPic]
     }
     }
     </script>
     <br><small><font face="Verdana"><a href="javascript:doPrevious()">Précédent</a><font color="#FFFFFF">-</font> <a href="javascript:doNext()">Suivant</a></font></small>
</body>
</html>
dimanche 27 juillet 2008 à 14:27:21 | Re : ajouter une légende sous un diaporama simplissime

nicomilville

Membre Club
Salut,

Tu veus la mettre ou ta légende ?

a++

PS : on a tous été débutant un jour (j'aime bien les gens honête) !

Si la réponse vous convient, pensez : Réponse acceptée !

dimanche 27 juillet 2008 à 14:34:47 | Re : ajouter une légende sous un diaporama simplissime

nicomilville

Membre Club
<body>
     <p align="center"><img name="myPicture" src="AA001.jpg" width="510" height="57"/>
     <div id="commentaire"></div>
    
     <script language="JavaScript">
     var myPix = new Array("AA001.jpg","AA002.jpg","AA003.jpg")
     var myCommentaire = new Array("commentaire1","commentaire2","commentaire3");
     var thisPic = 0
   
     function doPrevious() {
     if (document.images && thisPic > 0) {
     thisPic--
     document.myPicture.src=myPix[thisPic]
     document.getElementById('commentaire').innerHTML = myCommentaire[thisPic];
     }
     }
   
     function doNext() {
     if (document.images && thisPic < 2) {
     thisPic++
     document.myPicture.src=myPix[thisPic]
     document.getElementById('commentaire').innerHTML = myCommentaire[thisPic];
     }
     }
     </script>
     <br><small><font face="Verdana"><a href="javascript:doPrevious()">Précédent</a><font color="#FFFFFF">-</font> <a href="javascript:doNext()">Suivant</a></font></small>
</body>
</html>

Désolé, j'avais mal lu le titre !

a++

Si la réponse vous convient, pensez : Réponse acceptée !

dimanche 27 juillet 2008 à 14:42:54 | Re : ajouter une légende sous un diaporama simplissime

artminort


Salut Nicomilville, merci pour ta réactivité,

idéalement, j'aimerais pouvoir la placer un peu où je veux, peut-être en CSS, mais dans la plupart des cas elle serait juste en dessous entre les boutons précédent et suivant...
j'utilise des feuilles séparées pour html, CSS, et bientôt JS...
dimanche 27 juillet 2008 à 14:46:33 | Re : ajouter une légende sous un diaporama simplissime

nicomilville

Membre Club
Réponse acceptée !
ba utilise le code modifié que je t'ai donné...

Code :

<body>
     <p align="center"><img name="myPicture" src="AA001.jpg" width="510" height="57"/>
    
     <script language="JavaScript">
     var myPix = new Array("AA001.jpg","AA002.jpg","AA003.jpg")
     var myCommentaire = new Array("commentaire1","commentaire2","commentaire3");
     var thisPic = 0
   
     function doPrevious() {
     if (document.images && thisPic > 0) {
     thisPic--
     document.myPicture.src=myPix[thisPic]
     document.getElementById('commentaire').innerHTML = myCommentaire[thisPic];
     }
     }
   
     function doNext() {
     if (document.images && thisPic < 2) {
     thisPic++
     document.myPicture.src=myPix[thisPic]
     document.getElementById('commentaire').innerHTML = myCommentaire[thisPic];
     }
     }
     </script>
     <br><small><font face="Verdana"><a href="javascript:doPrevious()">Précédent</a><div id="commentaire"></div><a href="javascript:doNext()">Suivant</a></font></small>
</body>
</html>

Si la réponse vous convient, pensez : Réponse acceptée !

dimanche 27 juillet 2008 à 14:46:54 | Re : ajouter une légende sous un diaporama simplissime

artminort


hé hé, je vais de ce pas aller aller tester!
merci,
à tout'
dimanche 27 juillet 2008 à 14:49:07 | Re : ajouter une légende sous un diaporama simplissime

nicomilville

Membre Club
ok, tient moi au courant !

a++

Si la réponse vous convient, pensez : Réponse acceptée !

dimanche 27 juillet 2008 à 15:23:48 | Re : ajouter une légende sous un diaporama simplissime

artminort
Superbe,
ça marche tellement bien que je l'ai inclus dans un autre script qui reposait sur une seule fonction chgSlide (direction):        (ça a l'air pas trop mal?)

var myPix = new Array("cabane01.jpg","cabane02.jpg","cabane03.jpg","cabane04.jpg","cabane05.jpg","cabane06.jpg");
    var myCommentaire = new Array("commentaire1","commentaire2","commentaire3");
    var thisPic = 0;
      var imgCt = myPix.length - 1;
 

    function chgSlide(direction) {
    if (document.images) {
       thisPic = thisPic + direction
       if (thisPic > imgCt) {
          thisPic = 0
       }
       if (thisPic < 0) {
          thisPic = imgCt
       }
       document.myPicture.src = myPix[thisPic]
       document.getElementById('commentaire').innerHTML = myCommentaire[thisPic];
       }
  }



Je suis ravi, après avoir bataillé toute la nuit avec l'impression que je n'y arriverais pas,
(d'ailleurs, je n'y suis pas arrivé.....seul!!!), mon premier contact avec le javascript me donne envie d'aller beaucoup plus loin et quand je vois la force du code et la ténacité de ses partisans, ça fait des raisons de s'accrocher.
mille merci

ps mon offre d'échange de savoir faire tient plus que jamais...

à bientôt
dimanche 27 juillet 2008 à 16:02:20 | Re : ajouter une légende sous un diaporama simplissime

nicomilville

Membre Club
Réponse acceptée !
Re,

Je suis content d'avoir pu t'aider !

Pour ton code, il n'est effectivement pas trop mal !

Par contre, tu risque d'avoir une erreur car tu a plus d'images que de légendes(commentaires) !

Pour coder en javascript, je peus te dire qu'au début il en faut de la ténacité, mais après plus tu t'enfonce dans la complexité plus c'est amusant et et plus tu prend de l'expérience, moi c'est en lisant des tutos sur internet, en lisant un livre que j'ai appris le javascript...

Au début j'étais pas du tout a l'aise en javascript et puis au fur et a mesure je me suis amélioré en commentant des sources sur javascriptfr (le mieux pour s'améliorer est de lire et comprendre les sources), en lisant les tutoriaux d'ailleur j'en est fait deux, et enfin en lisant et en répondant aux questions sur le forum !

Je t'encourage a continuer ainsi !

Si tu as besoin d'aide n'hésite pas, on est la pour aider ceux qui ont besoin d'aide comme ceux qui l'on fait pour nous avant qu'on est atteint un niveau d'expérience moyen (on comprend les codes et on peut aider des gens sur certains sujets) !

Maintenant je vais parler technique :

      Ton code a besoin de quelque petite modification, on dirai qu'il est assez ancien, car il y a des vieille chose a rajeunir dans le code :

            - remplace :

                  <script langage="javascript">

            en :

                  <script type="text/javascript">

            - met des points virgules a la fin de toutes tes instructions !

            - Ferme TOUTE tes balises par exemple : <br/>, <hr/>, <input .... />, <img ... />

En espèrant t'avoir aidé...

a++

PS : réponses acceptées c'est pour les réponses qui t'on aidé, pas les autre (la seul que tu as mis en réponse acceptée c'est celle qui a mon avis t'a le moins aidé) ! lol !

Si la réponse vous convient, pensez : Réponse acceptée !

dimanche 27 juillet 2008 à 16:25:20 | Re : ajouter une légende sous un diaporama simplissime

artminort
merci pour tout,
et à bientôt pour de nouveaux casse têtes (pour moi mais casse croûte pour vous).

1 2

Cette discussion est classée dans : document, diaporama, légende, mypix, thispic

Répondre à ce message

Sujets en rapport avec ce message

help ! pb avec disporama [ par billy67000 ] var myPix = new Array();    //ici je crée mon tableau  deux dimensions                     &nbsp Mettre une légende sous une image dans une popup [ par Chris31000 ] Bonjour, J'utilise un script pour ouvrir une image en taille réelle dans une popup en cliquant sur une miniature. J'aimerais qu'une légende puisse êtr Texte (légende) dans popup image... [ par gil1256 ] Bonjour, Sur certaines de mes pages, j'offre la possibilité de visionner des images en grand format, et ce à l'aide de popups dont la taille s'adapte défi en javascript [ par eucalion ] Bonjour à tous, Voici un défi de programmation, sans doute java script, pour qui voudra bien le tenter : Sur la page d'accueil de présent défi en javascript [ par eucalion ] Bonjour à tous, Voici un défi de programmation, sans doute java script, pour qui voudra bien le tenter : Sur la page d'accueil de présent récupérer l'url de background-image d'une div pour fonction javascript [ par ornorme ] bonjour!c'est ma première fois sur ce forum!et je me suis mis à la création de site internet ya trois semaine et la je suis en détresse...voila mon pr Image java base de données php [ par olis1205 ] Bonjour, J'ai une base de données avec le nom de differentes photos avec plusieurs lignes id id 1 ==> 4 photos id 2 ==> 4 photos ect.. Je souhaite fa dimension photos [ par tales ] Bonjour, j'utilise le script suivant trouvé ici. mais mes photos font plus que 500x670, comment je fais pour les afficher dans ce format sans modifie Problème avec IE sur un menu + parent.frame [ par tipouic ] Bonjours, j'ai repris un vieux menu que j'ai modifié afin de rajouté des onglets de navigation avec des vrais liens dans le menu ( avec target). Par c Alternance entre divs [ par Trashful ] Bonjour à tous, J'ai un petit problème et j'espère que votre communauté sera en mesure de corriger mes petites erreurs. N'étant pas un professionnel


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 2,855 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)