Dans ce tuto Jquery, en vidéo, nous allons voir ensemble comment créer un accordéon horizontal d'images qui peut vous permettre de mettre en avant vos derniers articles sur une page d'accueil de votre site internet ou blog de façon graphique et ergonomique.

Le slider tournera automatiquement toutes les 3 secondes, vous pourrez choisir si vous voulez ouvrir un slide avec un survol ou un clic de souris. Nous ajouterons aussi une "div" contenant un titre et un extrait de l'article, puis nous la ferons apparaître que lorsque nous sommes sur un slide complétement ouvert.

Les fichiers sont fournis avec le tuto pour vous aider à comprendre le fonctionnement de cet accordéon en Jquery.

Bon tuto!

Jetez un oeil à ces autres tuto jQuery 1.7

Redirection avec compte à rebours en JqueryRedirection avec compte à…
Dans ce tuto jQuery en vidéo nous verrons comment mettre en…

Créer un Sticky menu qui reste visible à tout instantCréer un Sticky menu qui…
Dans ce tuto vidéo CSS3 et Jquery, en vidéo, nous allons voir…

Animer la hauteur d'un élément pour dévoiler un contenuAnimer la hauteur d'un élément…
Dans ce tuto jQuery en vidéo, nous allons voir comment animer…

Mettre en place un panneau coulissant sur votre site webMettre en place un panneau…
Dans ce tuto Jquery gratuit en vidéo, nous allons voir ensemble…

Créer un site web avec un slider d'images en full pageCréer un site web avec un…
Dans ce tuto jQuery / CSS3, nous allons ensemble, pas à pas,…

Créer un slider et l'intégrer à votre blog WordpressCréer un slider et l'intégrer…
A l'aide d'un plugin jQuery, nous allons créer un slider pour…

Créer une lightbox simplementCréer une lightbox simplement…
Dans ce tuto Jquery en vidéo, nous verrons comment créer une…

Créer un scroll horizontal animé pour votre site webCréer un scroll horizontal…
Dans ce tuto Jquery, en vidéo, nous allons voir ensemble comment…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto jQuery 1.7 de 43 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

spykrew07 , formateur certifié

Salut à tous ! Je m'apelle Adrien j’ai 29 ans et je suis Webdesigner spécialiste WordPress depuis 7 ans. Ancien élève de l'ESMA à Montpellier, j’ai travaillé en agence de communication pendant 4 ans et depuis 3 ans je me suis lancé en freelance. Formateur certifié sur tuto.com, je partage mes connaissances et mes découvertes dans différents domaines : web design, logo, html, wordpress, php, css jquery ... Ma devise : Webdesign is not a job, it’s a passion !

Toutes les formations de Spykrew07


Témoignage des clients de spykrew07

Très belle vidéo, et la voix donne envie d'écouter, ce n'est pas le cas avec d'autres personnes ... Merci de m'avoir aidé :)

Je trouve que Spykrew07 est un très bon formateur !

Très bon formateur !!!

tutos clair et précis!

Très bien, de bonnes explications très précises. Un bon rythme pendant les tutos

Lire les autres témoignages

 

D'autres tuto de spykrew07

Créer, utiliser et mettre à l'échelle un motifCréer, utiliser et mettre à l'échelle un motif
Dans ce tuto Illustrator, en vidéo, nous allons voir ensemble comment créer un motif…

Créer une galerie d'images avec pagination sur WordPressCréer une galerie d'images avec pagination sur WordPress
Dans ce tuto WordPress, nous allons voir comment ajouter une galerie d'images à un article…

Créer un Sticky menu qui reste visible à tout instantCréer un Sticky menu qui reste visible à tout instant
Dans ce tuto vidéo CSS3 et Jquery, en vidéo, nous allons voir comment créer un sticky…

Récoltez des emails depuis un site vers une liste MailjetRécoltez des emails depuis un site vers une liste Mailjet
Dans ce tuto PHP et Mailjet, en vidéo, nous allons voir comment récupérer des emails…

voir tous les tuto de spykrew07

Notes attribuées par les utilisateurs (5 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (10)

par NoXoNa voté :
(a acheté ce tuto - 10 février 2013)

" Merci pour ce tuto, j'espère juste ne pas avoir trop de problèmes pour le développement php, mes connaissances en la matière sont limitées .. "

par spykrew07
(auteur de ce tuto - 30 décembre 2012)

" @lamygraphiste J'ai prévenu le site qu'il y avait un problème sur cet extrait. Effectivement je n'entends que le son. Peut-être un petit bug lors du réencodage de l'extrait. "

par lamygraphiste
(n'a pas acheté ce tuto - 28 décembre 2012)

" IL ya un problème quand on veut lire un extrait gratuit du tuto on n'a le son mais pa l'image du tuto :Tuto Créer un accordéon horizontal pour vos derniers articles "

par creationsnat
(a acheté ce tuto - 01 août 2012)

" Bonjour,
petit souci pour installer ce tuto sur Joomla.
l'affichage est tout bon, mais les animations ne fonctionnent pas. Pourtant mes liens vers les fichiers js sont ok...
un souci de compatibilité peut-être?? "

par sinecharlesmelissaa voté :
(a acheté ce tuto - 28 juillet 2012)

" Très bon tuto ! Clair et précis ! "

par maissouma voté :
(a acheté ce tuto - 26 juillet 2012)

" Trés bon tuto, encore merci. Je n'ose plus poser de questions car celle-ci restent sans réponse sur les autres tuto de spykrew07, dommage. "

par tailivana voté :
(a acheté ce tuto - 15 juin 2012)

" Encore un tuto de très gde qualité, mais c'est une habitude avec Spykrew.
Formateur très intéressant à écouter, jamais ennuyeux...
Hâte de découvrir son prochain tuto..
josé "

par spykrew07
(auteur de ce tuto - 09 juin 2012)

" @lottaviani Pas besoin de tester, c'est certain que ça fonctionnera. Tu fais juste une boucle sur tes articles avec la même structure HTML et c'est nickel ;) "

par lottaviania voté :
(a acheté ce tuto - 09 juin 2012)

" Petit tuto super intéressant avec un plug-in très utile!
Question: Ce type de slide fonctionne t'il avec le slide du tuto WP? L'as-tu testé?
Sinon bravo et vivement un prochain!!!
A suivre... "

par lottaviania voté :
(a acheté ce tuto - 06 juin 2012)

" Un tuto qui promet!!! Je me lance... "

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto jQuery 1.7 d’une durée de 43 minutes a été acheté 184 fois et a reçu une note moyenne de 5/5.

Ce tuto a été publié le 5 juin 2012 par spykrew07, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,8/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto jQuery webdesign.

Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.

Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !