begin process at 2012 05 29 08:50:37
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Galerie simple. (Besoin d'un coup de pouce)


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

Galerie simple. (Besoin d'un coup de pouce)

vendredi 27 février 2009 à 09:53:43 | Galerie simple. (Besoin d'un coup de pouce)

CosmicAline

Hello!


J'essais de faire une galerie simple.
Par simple je veux dire qu'il n'y a qu'une seule image d'afficher et un simple clic envoie vers une suivante. (avec éventuellement un préload de la suivante) le tout en boucle (la dernière image renvoie sur la première)
J'ai trouvé énormément de codes source, mais tous sont trop fournis, et j'ai du mal a les modifier
Sur cette galerie j'ai mis 4 catégories,
catégorie 1 = image 1 a 5
catégorie 2 = image 6 a 10
catégorie 3 = image 11 a 15
catégorie 4 = image 16 a 20
Est il possible qu'en cliquant dans le menu sur la catégorie 2 la galerie commence a l'image 6 puis suive sont cours jusqu'a la dernière image (qui renvoie ensuite vers la première) ???

j'ai mis une capture de ma maquette a cette adresse
[ Lien ]

DOnc voilà, si quelqu'un a une idée, ou du moins est déja tomber sur qq chose qui y ressemble...
Ca serait le bienvenue!!

++
vendredi 27 février 2009 à 11:01:08 | Re : Galerie simple. (Besoin d'un coup de pouce)

Bul3

Membre Club
bonjour,
>>Est il possible qu'en cliquant dans le menu sur la catégorie 2
>>la galerie commence a l'image 6 puis suive sont cours jusqu'a
>>la dernière image (qui renvoie ensuite vers la première) ???
euh... oui ?
encore faut-il  :
savoir ce qu'est le menu de la catégorie 2
connaitre le nom de l'image 6, de la 7...
et si la dernière image c'est la 10 ou la 20

>>avec éventuellement un préload de la suivante
très souvent nuisible, mais ici ce serait
simplement totalement inutile

@+
vendredi 27 février 2009 à 11:08:21 | Re : Galerie simple. (Besoin d'un coup de pouce)

CosmicAline

savoir ce qu'est le menu de la catégorie 2  => catégorie2 ca sera images/dessin un truc comme ca, le nom je ne suis pas fixée
connaitre le nom de l'image 6, de la 7... => les noms d'images seront genre 6.jpg ou 7.jpg  (il n'apparaitrons nul part)
et si la dernière image c'est la 10 ou la 20 => la dernière est 20 et redirige vers  la première (20.jpg => 1.jpg)


++
vendredi 27 février 2009 à 11:49:06 | Re : Galerie simple. (Besoin d'un coup de pouce)

Bul3

Membre Club
Réponse acceptée !

ah ?
donc on commence à 6 on va jusqu'à 20, puis on recommence à 1 ?
curieux, mais bon...

si tu appelles tes images 1.jpg,2.jpg.... 20.jpg
au click sur le bouton suivant :
"il suffit" de gérer un compteur et de changer le src
par le résulat du calcul+".jpg"

par exemple avec les images 0.jpg à 4.jpg

<body>
    <img src="0.jpg" id="i" alt="0" />
    <input type="button" onclick="trait();" value="suivant" />
    <script>
        var i=document.getElementById("i");
        function trait()
        {   var tmp=i.alt;
            tmp++;
            i.alt=tmp;
            i.src=Math.floor(i.alt%5)+".jpg";
        }
    </script>
</body>

tu adapteras pour de 6 à 20 puis 1, ou 11 à 20 puis 1....
"il suffit" d'initialiser le alt.
( j'ai mis le compteur dans le alt, on peut utiliser une variable globale )


vendredi 27 février 2009 à 11:53:51 | Re : Galerie simple. (Besoin d'un coup de pouce)

Bul3

Membre Club
i.src=(i.alt%5)+".jpg"; Math.floor inutile je pense ( donc j'essuie et pas que la vaisselle )


vendredi 27 février 2009 à 16:45:06 | Re : Galerie simple. (Besoin d'un coup de pouce)

CosmicAline

ok ! super, je vais faire comme ça.
bon par contre je crois que je devrais faire une iframe pour les catégorie, vu que le code devra être différent.
(si la personne sarrette a l'image 3.jpg de la catégorie 1, et qu'il clic sur catégorie2 forcément il faudra générer un code qui charge de 6 a 10 par exemple)
puis pour passe de la 20 a la 1 je trouverais bien comment changer ca.

en tout cas, merci, c'est super !

la biz
vendredi 27 février 2009 à 16:53:10 | Re : Galerie simple. (Besoin d'un coup de pouce)

Bul3

Membre Club
>>je devrais faire une iframe pour les catégorie, vu que le code devra être différent
bah...
à l'appel met quel n° où commencer : trait(1) ou trait(6) ....
dans la fonction met un paramètre   trait(debut)
et commence par initialiser alt ou la variable compteur à cette valeur
@+

vendredi 27 février 2009 à 16:54:52 | Re : Galerie simple. (Besoin d'un coup de pouce)

Bul3

Membre Club
enfin... si une seule image est visible à un instant
sinon, faut un 2ème paramètre, l'id de l'image à modifier

vendredi 27 février 2009 à 18:04:49 | Re : Galerie simple. (Besoin d'un coup de pouce)

CosmicAline

Une seul image est visible a la fois.
pour initialiser la variable compteur j'ai bien compris, pas de soucis.
par contre je ne comprend pas ce que tu veux dire par "à l'appel met quel n° où commencer : trait(1) ou trait(6)" ?


++
samedi 28 février 2009 à 09:47:11 | Re : Galerie simple. (Besoin d'un coup de pouce)

Bul3

Membre Club
dans l'exemple mis, ça commence à 0.
tu voudrais pouvoir commencer à 1, à 6, à 11, à 16,
 tu as donc obligatoirement 4 appels à la fonction,
donc donne la valeur de départ à l'appel 1,6,11 ou 16
pour commencer là où tu veux,  et initialise le alt ou
le compteur à cette valeur.


1 2

Cette discussion est classée dans : image, simple, galerie, coup, pouce


Répondre à ce message

Sujets en rapport avec ce message

Galerie d'image simple [ par silverbeach ] Bonjour, Je cherche une galerie en ajax assez simple:Au chargement de la page, j'affiche la 1ere image et en dessous, j'affiche des miniatures (max 5- un clic sur une image = un texte dans une textarea [ par sbeex ] Bonsoir, je débute en php et j'aimerais que lorsque l'on clic sur un smyle qui pleure, le texte :'( s'écrive dans la textearea. Je cherche vraiment un Formulaire tout simple [ par Angel42480 ] Bonjour, je travail en html,Je désirerais créer un formulaire, qui définisse une image.Exemple : on tape dans la case du formulaire : "arbre" . Je veu OnMouseOver???? urgent besoin d'aide [ par vince_ballad ] bonjour je suis debutant, je voudrais faire un truc tres simplej'ai une image, et lorsque je passe dessus avec le curseur je vourdais qu'elle soit rem Question bête : image survolée [ par Asghaard ] Bonjour.Je sais bien que la réponse va être vraiment simple pour certain mais je n'arrive pas à determiner les mots clés afin que ma recherche aboutis afficher/masquer calques sur image d'une liste <li> [ par vrgn ] [b]Bonjour j'ai fais[url=http://www.alsacreations.com/xmedia/tuto/exemples/galerie-jquery/] ce type de galerie[/url] en jquery qui marche bien ; Mais création d'une galerie photo hyper simple [ par chabgyver ] Bonjour,Je cherche à créer une galerie ultra simple pour l'un de mes sites. J'ai testé je ne sais combien de scripts de toutes sortes mais tous s'avèr menu tout simple [ par wireless12 ] Bonjours à tous, Je suis à la recherche de mon menu idéal ! Malheureusement je n'arrive pas à le créer (même si dans ma tête je vois exactement ce que Galerie d'image [ par nicomilville ] Salut tout le monde,Je poste ce nouveau sujet parce que je rencontre un problème avec la galerie d'image !ça fait depuis 10 minutes que j'essai de sup Navigation clavier dans une galerie pour passer d'une image à l'autre [ par zorkzyd ] Bonjour à tous, J'ai créé un code pour ma galerie pour passer d'une image à l'autre avec les flèches du clavier mais ça ne marche pas... pouvez-vous


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 : 3,229 sec (4)

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