Discussion :

[dreadmcdn]

Bonjour à tous !
Je viens vers vous pour une demande concernant le développement d'un plugin jquery qui fonctionnerait sur un principe similaire au module des 4 news présent sur le site virgin radio en page d'accueil

Sur Virgin radio les titres des 4 dernières news sont disposés à droite de la news mise en avant. Lorsque l'on survole l'un des titres, la news correspondante s'affiche à gauche et lorsque l'on clique sur le titre, on est redirigé sur la page de la news.

J'aimerai réalisé quelque chose de semblable sauf que les titres seraient disposés en dessous de la photo principale comme le montre la photo jointe

Au survol d'une des trois vignettes, la news correspondante apparait au dessus et lorsque l'on cliquerait sur la vignette, l'internaute serait redirigé vers la page de la news. Il faudrait aussi, lorsqu'aucune action n'est effectuée, que le module fonctionne comme une galerie, c'est à dire que les vignettes passe de l'une à l'autre (comme sur le site de virgin d'ailleurs)

Connaissez-vous des tutos qui me permettraient de réaliser ce genre de chose ?

Merci par avance pour toute aide apportée.

[tresorunikin]

Tu devras premièrement commencer par réaliser tout ca avec uniquement du css, en tenant compte du zIndex chaque partie, de telles sortes que les titres soient au dessus des vignettes correspondantes et les vignettes au dessus de l'image principale.

Sachant que chaque bloc doit etre contenue dans un div bien nommé(id="vignette1", class='vignette current'), raison d’être bien modifié avec du javascript.

Une fois la partie css terminée, tu pourra à ce moment ci jouer avec les fonction hover, html et onmouseclick pour gérer les clic, la fonction toggle sera de la partie;

je m'explique:

- Souris dessus vignette1, bloc gauche recoit contenu correspondant (donc contenu vignette1)
- clic sur vignette1 (windows.location news.php?new=1)
- clic sur vignette2 (windows.location news.php?new=2)
- etc...

Tout devient simple dès lors que le css est bien assis

[dreadmcdn]

Merci pour ta réponse.
J'ai commencé à regarder les tutos sur toggle.

Par contre, j'ai peur que cela ne réponde pas à mon envie de faire en sorte que cela passe d'une news à l'autre sans aucune action tel un diaporama en lecture.

le module que je recherche, je l'ai déjà trouvé plusieurs fois mais il fallait toujours cliquer sur la vignette d'une news pour faire apparaitre son contenu alors que moi je préfèrerai que cela se fasse au survol et que si l'on clique sur la vignette, que l'on soit redirigé ver la news.

Personne n'a jamais vu un module tout prêt qui puisse correspondre ? Même payant !!

Merci.

[tresorunikin]

alors que moi je préfèrerai que cela se fasse au survol et que si l'on clique sur la vignette, que l'on soit redirigé ver la news.

Vas voir la fonction hover

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
$('#vignette').hover(function(){
//souris au dessus
},function(){
//souris out
})

Personne n'a jamais vu un module tout prêt qui puisse correspondre ? Même payant !!

utilise mon MP