Spoiler images pour index

[jdekester]

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

[jdekester]

Bon bah un petit UP

[Threax]

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 : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

[jdekester]

UP

[Toad59]

Bonsoir,


oui, et voici le code

Code:

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

Cordialement !

[jdekester]

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]

Petit up

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]

up

[Adam_sfp]

Bonjour

Vous pouvez essayer avec jQuery Cycle Plugin

Cordialement.

[jdekester]

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^^

[Threax]

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;
}

[jdekester]

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.

[Threax]

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" />

[jdekester]

Merci. C'est parfait. Je vous remercie.