begin process at 2012 05 29 06:31:17
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Function & Méthodes

 > 

fonction afin d'afficher plusieurs images


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

fonction afin d'afficher plusieurs images

samedi 16 mai 2009 à 12:29:00 | fonction afin d'afficher plusieurs images

nIcoOolas

Bonjour...je suis débutant en javascript et je suis un peu perdu ici ! ^^
Voila mon petit probleme, je souhaite créer un code javascript qui, en fonction d'une variable (un chiffre), affichera un certains nombre d'images.
Par exemple si je mets 6 en variable, au chargement de la page, il y aura 6 images qui seront afficher.

Voici comment j'ai commencé :
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Question 2</title>
<script type="text/javascript">

function afficheimages ()

   var nb_image=n 
   for (nb_image==n) 
      { 
         <div id="image" style="position:absolute;top:15px"> 
            <img id="image" src="images/image.gif"/> 
         </div> 
      }
}
</script>
</head>

<body>
<div onload="afficheimages ()"></div>
</body>

</html>


Merci !

Nicolas
samedi 16 mai 2009 à 13:13:36 | Re : fonction afin d'afficher plusieurs images

Bul3

Membre Club

bonjour,

navré, mais je n'ai rien compris à ta problématique....
afficher une image c'est le rôle du html, pas du tout
    celui du javascript !!!!
de plus, dans ton javascript tu mets des balises html ?
   ça ne peut pas fonctionner.

ton souci, c'est quoi ?
afficher 1,2... "n" images en fonction de quoi ?
du contenu d'un répertoire ? d'un fichier ? ou quoi ?
@+
samedi 16 mai 2009 à 15:11:47 | Re : fonction afin d'afficher plusieurs images

Orange73

Membre Club
Réponse acceptée !
Hello,

Voici un exemple :

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Question 2</title>
<script type="text/javascript">

function afficheimages(pNum)
{
   var nb_image = pNum;
   for (i=0 ; i<nb_image ; i++)
      {
         document.write('<img id="image" src="http://www.javascriptfr.com/gdi/um/1688706.cs.jpg"/>');
         document.write('</div>');
      }
}

</script>

</head>

<body onload="afficheimages(10);">
<div></div>
</body>

</html>


Tu peux donc utiliser cette fonction n'importe ou...
Il suffit de l'appeler avec comme parametre le nombre d'image que tu souhaite afficher (ici 10).


A+


-- Orange73 --
"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)
samedi 16 mai 2009 à 15:15:06 | Re : fonction afin d'afficher plusieurs images

nIcoOolas

merci de repondre !

euuh oui ce n'est pas faux deja je me suis planté sur ce point.En fait je voudrais une fonction qui, avec une variable chiffrée, affiche un certain nombre d'images.

Par exemple, si en variable je tape 8, il y aura 8 images qui s'afficheront.
Et c'est la où je suis perdu c'est que ne sais pas comment dire dans ma boucle "for" qu'il faut afficher un nombre d'images egale au chiffre.
 
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Question 2</title>
<script type="text/javascript">

function afficheimages ()

   varnb_image=n  => la variable chiffrée
   for (nb_image==n) => une boucle "for", pour dire que "pour nb_image=n, alors il faut afficher n image
      { 
         document.getElementbyId("image") => appel de l'image par son id
       }
}
</script>
</head>

<body> 
<div id="image" onload="afficheimages()"style="position:absolute;top:15px">  
    <img id="image" src="images/image.gif"/> 
</div> 
</body>

</html>

samedi 16 mai 2009 à 15:24:40 | Re : fonction afin d'afficher plusieurs images

Orange73

Membre Club
Tu as regardé ma reponse ???


-- Orange73 --
"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)
samedi 16 mai 2009 à 15:54:07 | Re : fonction afin d'afficher plusieurs images

nIcoOolas

oui oui merci beaucoup !...ca m'affiche quelque chose ! vraiment merci !
Par contre j'ai changé les paramètres que je souhaitais dans ton code, mais les images ne s'affichent pas, c'est à dire qu'il y a juste les cases avec les croix rouges qui s'affichent


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Question 2</title>
<script type="text/javascript">

function afficheimages(pNum)
{
   var nb_image = pNum;
   for (i=0 ; i<nb_image ; i++)
      {
         document.write('<img id="image" src="images/pingouins_fantome.gif"/>');
         document.write('</div>');
      }
}

</script>
</head>

<body onload="afficheimages(10);">
<div></div>
</body>

</html>

samedi 16 mai 2009 à 15:59:12 | Re : fonction afin d'afficher plusieurs images

nIcoOolas

désolé de faire un double post, mais en fait j'ai dis une bétise !...ca fonctionne très bien !
merci beaucoup !

Nicolas
samedi 16 mai 2009 à 16:41:34 | Re : fonction afin d'afficher plusieurs images

nIcoOolas

aie je fais un autre post car j'ai une autre petite question, comment puis-je faire pour aligner les images, comme ici elles sont sur une colonne, je souhaiterais juste les mettre sur plusieurs lignes
merci
samedi 16 mai 2009 à 16:56:59 | Re : fonction afin d'afficher plusieurs images

Orange73

Membre Club
document.write('<img id="image" src="images/pingouins_fantome.gif"/><br />');


-- Orange73 --
"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)
samedi 16 mai 2009 à 17:44:42 | Re : fonction afin d'afficher plusieurs images

nIcoOolas

hey ! merci encore ! euh par contre si je mets <br/> ca va me les mettre à la ligne, et je voudrais juste qu'elles sont en ligne et non en colonne

1 2

Cette discussion est classée dans : images, javascript, fonction, variable, afficher


Répondre à ce message

Sujets en rapport avec ce message

Afficher des images en fonction de la date [ par bisquine ] Je souhaite réaliser une page web qui aurait un bandeau (constitué d'images) qui change en fonction des mois de l'année. Je ne veux pas utiliser la fo Pasage d'une variable Coldfusion comme paramètre d'une fonction Javascript [ par Cugel ] Bonjour,Etant donné que ma question concerne Javascript et Coldfusion, je la pose sur les deux forums, on ne sait jamais...Dans une page coldfusion j' Actualiser une variable Javascript avec PHP [ par CChargy ] Bonjour,J'aimerais que javascript tout les deux secondes (setInterval("fonction();", 2000);) mette a jour une variable en fonction de ce que lui renvo Fonction javascript afficher/cacher [ par worstangel ] tester variable php dans fonction javascript [ par xzonz ] bonjour a toutes et tous ma question est simplej'aimerai tester une variable php dans une fonction javascript ...j'ai un champs texte et un bouton sub Passer une variable d'une fonction javascript à un object classid [ par llnis ] Bonjour, J'ai besoin d'intégrer dans une url une variable générer par une fonction javascript du style : function display(){ var chiffdujour = 13880; intoduire une variable php contenant un URL dans une fonction javascript [ par douss4 ] Bonjours,   Dans une page web (.php) j'ai intégré un code javascript qui effectue un zoom sur une image. Le problème dans mon code c'est q Afficher une variable dans un div [ par bydouille ] Bonjour à tous, J'ai un input (bouton) qui appelle une fonction JS dès l'ouverture du script contenant la fonction, je déclare une variable. Dans la lien page1html vers fonction javascript de la page2 avec variable incorporée [ par vincenzodelarossa ] le but est de passer d'une page 1 a la page 2 en activant automatiquement une fonction javascript inséree dans le head de la page 2 Peut-on l'appelle comment tester une variable php dans fonction javascript [ par bello10 ] Bonjour à tous, Je voudrais tester une variable php dans une fonction javascript. Comment faire ? Merci


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 : 0,530 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales