Slider en fade [Résolu]

EvilSakray · 01/12/2011, 11h04

Bonjour à tous,

Je cherche a réaliser un slider suivant ce modèle:

Un block de news donc, contenant le slider et ses controles.

L'idée est de réaliser la transition entre les slides via un fadeIn, et fadeOut.

La particularité est le fait de voir comme sur l'image, le haut du slide suivant.
C'est peut-être juste du CSS a bidouiller, mais ca me trouble et me bloque :/

Pour le précédent slider en fade que j'ai implémenté, j'avais utilisé le script
"fade-plugin", je ne sais pas s'il est possible de l'adapter dans ce cas.

Sinon je suis ouvert à une alternative.

Merci de votre aide.

SpaceFrog · 01/12/2011, 11h05

regarde plutot du coté du plugin jquery Cycle

EvilSakray · 01/12/2011, 11h15

Salut,

Merci de ta réponse, je vais regarder cela.
Cependant je reste principalement concerné par le fait d'être capable de voir le haut du prochain slide.

Car il me semble que la pluspart des slides, surtout en fade, passent seulement le slide en cours en display

x et les autres en display:none.

En l'occurence il faudrait que le slide en cours et le suivant soient visible.

danielhagnoul · 01/12/2011, 22h17

Bonsoir

Je ne sais pas si j'ai compris le problème, mais concernant le fading on oublie souvent l'existence de fadeTo() : http://api.jquery.com/fadeTo/.

EvilSakray · 02/12/2011, 14h57

Bonjour,

Merci de ta réponse, cependant ce n'était pas le problème majeur (il s'agissait surtout de réussir a afficher "1,5 slide" sur le slider

Cependant, en passant par SPIP, j'ai contourné le problème de cette manière, me retrouvant dans le cadre d'un slider tout ce qu'il y a de plus classique (voir image ci-dessous)

Problème résolu.

01/12/2011, 11h04	#1
EvilSakray Candidat au titre de Membre du Club Clément Etudiant EPITECH Inscription : septembre 2011 Messages : 18 Détails du profil Informations personnelles : Nom : Clément Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Etudiant EPITECH Informations forums : Inscription : septembre 2011 Messages : 18 Points : 10 Points : 10	Slider en fade Bonjour à tous, Je cherche a réaliser un slider suivant ce modèle: Un block de news donc, contenant le slider et ses controles. L'idée est de réaliser la transition entre les slides via un fadeIn, et fadeOut. La particularité est le fait de voir comme sur l'image, le haut du slide suivant. C'est peut-être juste du CSS a bidouiller, mais ca me trouble et me bloque :/ Pour le précédent slider en fade que j'ai implémenté, j'avais utilisé le script "fade-plugin", je ne sais pas s'il est possible de l'adapter dans ce cas. Sinon je suis ouvert à une alternative. Merci de votre aide.
	00

01/12/2011, 11h05	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 071 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 071 Points : 45 202 Points : 45 202	regarde plutot du coté du plugin jquery Cycle __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

01/12/2011, 11h15	#3
EvilSakray Candidat au titre de Membre du Club Clément Etudiant EPITECH Inscription : septembre 2011 Messages : 18 Détails du profil Informations personnelles : Nom : Clément Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Etudiant EPITECH Informations forums : Inscription : septembre 2011 Messages : 18 Points : 10 Points : 10	Salut, Merci de ta réponse, je vais regarder cela. Cependant je reste principalement concerné par le fait d'être capable de voir le haut du prochain slide. Car il me semble que la pluspart des slides, surtout en fade, passent seulement le slide en cours en displayx et les autres en display:none. En l'occurence il faudrait que le slide en cours et le suivant soient visible.
	00

01/12/2011, 22h17	#4
danielhagnoul Rédacteur Daniel Hagnoul Étudiant perpétuel Inscription : février 2009 Messages : 3 221 Détails du profil Informations personnelles : Nom : Daniel Hagnoul Âge : 61 Localisation : Belgique Informations professionnelles : Activité : Étudiant perpétuel Secteur : Enseignement Informations forums : Inscription : février 2009 Messages : 3 221 Points : 6 767 Points : 6 767	Bonsoir Je ne sais pas si j'ai compris le problème, mais concernant le fading on oublie souvent l'existence de fadeTo() : http://api.jquery.com/fadeTo/. __________________ FAQ jQuery Mon cahier d’exercices sur jQuery & Co Si un message vous a aidé ou vous semble pertinent, votez pour lui !
	00

02/12/2011, 14h57	#5
EvilSakray Candidat au titre de Membre du Club Clément Etudiant EPITECH Inscription : septembre 2011 Messages : 18 Détails du profil Informations personnelles : Nom : Clément Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Etudiant EPITECH Informations forums : Inscription : septembre 2011 Messages : 18 Points : 10 Points : 10	Bonjour, Merci de ta réponse, cependant ce n'était pas le problème majeur (il s'agissait surtout de réussir a afficher "1,5 slide" sur le slider Cependant, en passant par SPIP, j'ai contourné le problème de cette manière, me retrouvant dans le cadre d'un slider tout ce qu'il y a de plus classique (voir image ci-dessous) Problème résolu.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email