Spoiler images pour index

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Spoiler images pour index

Message par jdekester le Dim 9 Sep 2012 - 20:52

Bonjours, a tous.

Petite question de graphisme, concernant ma page d'accueil.

Peut t'on mettre un spoiler image ? c'est a dire cliqué sur une image pour en faire apparaitre une autre ?


Et si possible, si quelqu'un sais faire ce genre de tableau defillant, j'aimerais bien avoir le script, ou autre chose ..

Spoiler:

Et si possible sans utilisé le CSS

Merci d'avance de vos reponse


Dernière édition par jdekester le Sam 15 Sep 2012 - 16:29, édité 1 fois

jdekester
***

Masculin
Messages : 142
Inscrit(e) le : 22/03/2011

jdekester a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler images pour index

Message par jdekester le Lun 10 Sep 2012 - 17:39

Bon bah un petit UP

jdekester
***

Masculin
Messages : 142
Inscrit(e) le : 22/03/2011

jdekester a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler images pour index

Message par Threax le Lun 10 Sep 2012 - 18:41

Bonjour,

Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné.

Je vous invite à lire :

A bientôt sur ForumActif Smile

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler images pour index

Message par jdekester le Mar 11 Sep 2012 - 21:05

UP

jdekester
***

Masculin
Messages : 142
Inscrit(e) le : 22/03/2011

jdekester a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler images pour index

Message par Toad59 le Mar 11 Sep 2012 - 21:57

Bonsoir,


oui, et voici le code

Code:
[url=http://image1][img]http://image2[/img][/url]


Cordialement !

Toad59
****

Masculin
Messages : 248
Inscrit(e) le : 27/03/2012

http://www.google.com
Toad59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler images pour index

Message par jdekester le Mar 11 Sep 2012 - 22:02

Bonsoir.

Ha merci, mais ce n'est pas exactement ce que je veut, car quand je clique sur l'image ca renvoi sur une autre fenetre qui ouvre l'image. J'aimerais si possible, que l'image apparaisent en dessous, comme pour un spoiler.

jdekester
***

Masculin
Messages : 142
Inscrit(e) le : 22/03/2011

jdekester a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler images pour index

Message par jdekester le Jeu 13 Sep 2012 - 19:13

Petit up

@jdekester a écrit:Bonsoir.

Peut t'on mettre un spoiler image ? c'est a dire cliqué sur une image pour en faire apparaitre une autre ?
J'aimerais si possible, que l'image apparaisent en dessous, comme pour un spoiler.

Merci

jdekester
***

Masculin
Messages : 142
Inscrit(e) le : 22/03/2011

jdekester a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler images pour index

Message par jdekester le Ven 14 Sep 2012 - 19:35

up

jdekester
***

Masculin
Messages : 142
Inscrit(e) le : 22/03/2011

jdekester a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler images pour index

Message par Adam_sfp le Ven 14 Sep 2012 - 21:29

Bonjour

Vous pouvez essayer avec jQuery Cycle Plugin

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler images pour index

Message par jdekester le Ven 14 Sep 2012 - 22:41

Je ne comprend pas trop ce site /: . Et je tiens a signalé que je vient de trouver le tuto pour le menu accordéons, que j'ai mis en image. Donc maintenant je ne recherche plus que le spoiler image^^

jdekester
***

Masculin
Messages : 142
Inscrit(e) le : 22/03/2011

jdekester a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler images pour index

Message par Threax le Sam 15 Sep 2012 - 15:13

Bonjour,

Ajoutez là où vous le souhaitez ce code :
Code:
<img src="URL IMAGE1" alt="" id="click_it" />
<img src="URL IMAGE2" alt="" id="show_img" />
En remplaçant URL IMAGE1 par l'URL de l'image qui doit être cliquée, et URL IMAGE2 par l'URL de l'image qui doit s'afficher

Puis PA > Modules > Gestion des codes Javascript
Créez un nouveau Javascript, donnez le nom que vous souhaitez, cochez "Sur l'index"
Code:
$(function() {
    $('#click_it').click(function() {
            $('#show_img').show();
    })
});

Enfin, dans le CSS ajoutez ce code :
Code:
#show_img {
  display: none;
}

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler images pour index

Message par jdekester le Sam 15 Sep 2012 - 16:10

Merci sa marche impeccable. Merci.
Juste un petit détails, et si ce n'est pas possible, tant pis. Est ce possible de faire apparaitre l'image en dessous et pas a coté ?

Merci.

jdekester
***

Masculin
Messages : 142
Inscrit(e) le : 22/03/2011

jdekester a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler images pour index

Message par Threax le Sam 15 Sep 2012 - 16:23

Remplacez le premier code :
Code:
        <img src="URL IMAGE1" alt="" id="click_it" />
        <img src="URL IMAGE2" alt="" id="show_img" />
par :
Code:
        <img src="URL IMAGE1" alt="" id="click_it" /><br />
        <img src="URL IMAGE2" alt="" id="show_img" />

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler images pour index

Message par jdekester le Sam 15 Sep 2012 - 16:29

Merci. C'est parfait. Je vous remercie.

jdekester
***

Masculin
Messages : 142
Inscrit(e) le : 22/03/2011

jdekester a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum