Tuto publié par Les fichiers de support sont inclus, ils contiennent aussi le code source.
Jetez un oeil à ces autres tuto jQuery
Menu déroulant en jQuery
Dans ce tuto en vidéo, vous verrez comment réaliser un menu…
Réalisation d'un slideshow…
Dans ce tuto jQuery gratuit, nous allons apprendre à réaliser…
Créer une bannière animée…
Dans ce tuto vidéo, vous découvrirez comment créer une bannière…
Plugin Jquery placeholder
Dans ce tuto Jquery en vidéo, vous verrez comment utiliser…
Créer une bannière animée…
Dans ce tuto vidéo, vous découvrirez comment créer une bannière…
Formulaire de contact AJAX…
Dans ce tuto AJAX en vidéo, nous réaliserons un formulaire…
Styliser un formulaire avec…
Dans ce tuto CSS et Jquery, nous verrons comment styliser…
Système de commentaires avancé…
Dans ce tuto PHP en vidéo, nous verrons comment réaliser…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto jQuery de 26 minutes est proposée dans une résolution plus grande que l’extrait suivant :
jeremymichel
, Formateur
Je suis étudiant en Informatique, mais avec déjà pas mal d'expérience dans le domaine. Je suis autodidacte en infographie et développement web.
Je crée des tutoriels pour partager mes connaissances et aider ceux qui veulent se lancer dans l'infographie. J'ai personnellement appris surtout avec des livres mais, je suis convaincu que le meilleur apprentissage dans le domaine de l'informatique se produit avec des vidéos pour plus de dynamisme et d'interactivité.
En savoir plus sur jeremymichel
Témoignage des clients de jeremymichel
Le tuto sur le YQL et les flux RSS m'a beaucoup aidé car j'ai pu développer une application avec JQuery Mobile ce qui m'a servi pour mes examens merci Beaucoup.
Pour la vidéo de slideshow, il en existe beaucoup de pré-faits mais celui est simple d'utilisation, donc bon auteur. A recommander
Très bon formateur ! Parle clairement, explique bien ! C'est encourageant et donne envie de travailler! :)
D'autres tuto de jeremymichel
Les transitions avec le CSS3
Dans ce tuto CSS 3, nous allons apprendre à utiliser les nouvelles propriétés de transitions.…
Créer un lecteur RSS avec le YQL en PHP
Dans ce tuto PHPet YQL, nous allons apprendre à utiliser le YQL pour générer un fichier…
Afficher ses derniers posts Twitter avec jQuery
Dans ce tuto jQuery, nous allons apprendre à afficher les derniers tweets (posts twitter)…
Générer des extraits d'articles
Dans ce tuto PHP et MySQL, nous allons voir comment générer un extrait d'un article…
Notes attribuées par les utilisateurs (23 votes)
Les avis / Questions des utilisateurs (19)
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 d’une durée de 26 minutes a été téléchargé 1138 fois et a reçu une note moyenne de 4/5.
Ce tuto a été publié le 9 février 2011 par jeremymichel, contributeur, ayant reçu une note moyenne de 4,1/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto jQuery Effet.
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.
Choisissez parmi 24011 tuto classés dans nos 201 logiciels ou langages informatiques.
(a téléchargé ce tuto - 16 mai 2012)
" Très bien.
Merci et au plaisir d'en découvrir de nouveaux. "
(a téléchargé ce tuto - 30 mars 2012)
" Y a t-il moyen de rendre la petite case clicable et qu'elle mène vers une autre page ? "
(a téléchargé ce tuto - 28 mars 2012)
" Merci pour ce tuto riel je pense qu'il sera très utile pour moi. "
(a téléchargé ce tuto - 10 mars 2012)
" Merci pour cette partie de tuto jquery, tres pratique.
Merci encore! "
(a téléchargé ce tuto - 13 février 2012)
" Ça marche nikel sauf pour IE 8 qui affiche un cadre beaucoup plus grand que la taille de l'image et je ne vois pas comment régler ça. une idée ? "
(a téléchargé ce tuto - 12 janvier 2012)
" génial, très bon tuto avec des allusion aux css3, html5. Merci beaucoup. "
(a téléchargé ce tuto - 20 novembre 2011)
" super tuto "
(auteur de ce tuto - 25 juin 2011)
" @PereCri : Pour ton probleme, il faut faire en sorte que quand tu sort de la miniature, l'image disparaisse, alors, meme si tu es en encore sur la zone de la miniature et que tu survols l'image en grand, c'est normal qu'elle clignote. Je vais approfondir le code un peu plus pour que ca ne cause plus de probleme. Aussi non pour avoir une image qui se redimenssionne, je vais voir comment réaliser cela, a vrai dire, je ne l'ai jamais fait. Si c'est concluant et pas trop compliqué, ce sera un tutoriel. "
(a téléchargé ce tuto - 21 juin 2011)
" Bonjour
Bravo pour ce tuto.
J'ai mis en pratique, et j'ai positionné l'image au milieu de la fenêtre, elle ne suit plus le curseur, elle se positionne en fonction de la taille de la fenêtre.
Par contre si je la survol, elle clignote. qu'est ce qu'il manque ?
L'idéal ce serait qu'elle de redimensionne en fonction de la taille de la fenêtre. Je n'y suis pas arrivé. Pour un autre tuto?? "
(a téléchargé ce tuto - 05 avril 2011)
" Bien le bonsoir,
un grand merci pour ce que vous faite, je suis impatient de voir ce tuto.
je comprend pas très bien ce que vous voulez dire par HTML5 mais je verrais bien par votre formation.
bonne continuation et encore merci. "
(auteur de ce tuto - 31 mars 2011)
" MatrixNeo : Bien sur, mais ce sera uniquement des vidéos avec le HTML5, pas de player flash, je m'en charge dès maintenant "
(a téléchargé ce tuto - 29 mars 2011)
" Super tuto, continué comme ca.
serait-t-il possible d'avoir un tuto, exactement la même chose mais pour des video, c'est a dir au survol d'une video avoir la preview de la video SVP, un grand merci ca serai super cool de votre part.
bonne continuation. "
(auteur de ce tuto - 02 mars 2011)
" @adp2i : Le probleme est au niveau du css, soit tu peux rajouter le css dynamiquement a partir du jQuery, ou bien l'inclure dans ta feuille de style. Le code est :
#mag{ position:relative;}
.prev{ position:absolute; top:0; left:140px;}
Petite explication : dans ta div #mag, on rajoute un context de position, donc on peut mieux placer la previsualisation sur la div #mag. Ensuite la div .prev, on rajoute une position absolute et on place la div au bonne endroit, avec les attributs top et left.
J'espere que ca t'aidera "
(a téléchargé ce tuto - 02 mars 2011)
" Bonjour,
Merci pour ce tuto
J'ai adapté ton script sur mon site à l'adresse suivante :
www.reaxionco.fr/web.html
Par contre je n'arrive pas à superposer l'image quand je passe la souris sur le lien Développement Web sur l'image du centre de la page.
Est ce que tu aurais une solution à me communiquer merci d'avance
Richard
"
(a téléchargé ce tuto - 02 mars 2011)
" Bonjour,
Tout d'abord merci pour ce tuto très utile.
J'ai mis en place ton script que j'ai modifié pour mes besoins à l'adresse suivante : http://www.reaxionco.fr/web.html
Par contre je ne trouve pas de solution pour pouvoir superposer l'image sur l'image déja présente au centre de la page elle s'affiche en dessous quand je passe la souris sur le lien développement Web. Est ce que tu aurrais une solution d'avance Merci Richard "
(a téléchargé ce tuto - 23 février 2011)
" tres bon tuto, clair et intéressant !! ;) "
(a téléchargé ce tuto - 19 février 2011)
" c'est surement très sympa, mais malheureusement pas très lisible...! "
(auteur de ce tuto - 12 février 2011)
" Merci, pour les fonctions, elles sont toutes dans le fichier "index.html", aussi la librairie jQuery est importé par le biais du CDN de google (ligne 5 du fichier index.html) . "
(a téléchargé ce tuto - 09 février 2011)
" Génial !
C'est un peu long , mais super bien expliqué ! Merci pour ce bon tuto !
Par contre est-ce qu'il y aurais le code source des fonctions ?
Je ne le vois pas dans les pièces jointes !
A bientôt ! "