Accueil - Créations Numériques - slideshow,diaporama avec JQuery,JavaCript et CSS

Partagez avec vos amis ... :)

slideshow,diaporama avec JQuery,JavaCript et CSS

JQuery est le JavaScript de l'avenir et il peut vous permettre très simplement de réaliser un slideshow ou diaporama sur votre site web avec quelques codes tout simples.

Pour réaliser votre slideshow ou diaparama, vous aurez besoin de deux petits fichiers en JavaScript, par JQuery et bien sur d'une simple feuille de style, CSS, pour le personnaliser.

- Il n'y a pas de limites au nombre d'image à afficher.

- Le codage est entièrement optimiser pour les moteurs de recherche, pour google images en particulier.

- Le codage renforce la prise en compte de vos images ET de vos mots clés ciblés dans la page concernée par l'ajout de textes en transparence dans le bas de chaque diapo.

penser JavaScript et JQuery

- simple, léger, efficace, que demander de mieux ?

Vous avez à votre disposition sur le page de démonstration du slideshow,Les sources des trois fichiers nécessaires (en *.txt), faîtes un copier/coller et enregistrez les avec la bonne extension:
jquery-1.4.2.min.js
jquery.slidertron-0.1.js
slide.css

Ainsi qu'un modèle du code à entrer dans le "body" de votre page pour le faire fonctionner. S'il persiste quelques problèmes, ou pour tout autre commentaire, n'hésitez pas à poster ci-dessous. Bonne création :-)


Tous les articles de blog, ainsi que leur contenu, comme indiqué en page index du site principal, sont mis à disposition sous les termes de la licence Creative Commons. Vous pouvez le copier, distribuer et modifier tant que cette note apparaît clairement. " source: longuetraine.fr - Paternité - Pas d'Utilisation Commerciale - Partage des Conditions Initiales à l'Identique 3.0 France ", ainsi qu'un lien vers la source .

8 commentaires

#1  - maxime a dit :

Très jolis :)

Répondre
#2  - unesourisetmoi a dit :

@maxime : MERCI ! mais aucun mérite, il suffit de quelques images (jolies) et ensuite de prendre le code ...

Répondre
#3  - momo a dit :

cool
le problème c'est que tu ne commente rien dans le code
du coup, difficile de faire des modifs...
(je parles en priorité du ccs)

Répondre
#4  - unesourisetmoi a dit :

@momo : tu as regardé sur le lien donné ?
http://www.unesourisetmoi.info/jquery/index.php
il y a le code de la css et tellement basique et simple qu'il n'a pas besoin de commentaires ...
maintenant si tu es débutant :
http://www.commentcamarche.net/forum/webmastering-24
tu y trouveras de l'aide rapide :-)

Répondre
#5  - servicesleader a dit :

Bonsoir,
ou doit-on insérer les 3 fichiers .txt dans le code ?
Je les ai téléchargé et enregistré sur mon serveur mais ou doit-on les placer ?
Merci d'avance !
Bien cordialement,
servicesleader
jquery-1.4.2.min.js
jquery.slidertron-0.1.js
slide.css

Répondre
#6  - unesourisetmoi a dit :

@servicesleader : il suffit d'insérer les scripts, (liés correctement), puis de prendre, par exemple, le codage donné sur la page de démo dans le code source de la page et ça fonctionne :) mettre surtout des liens et des fichiers corrects ...

Répondre
#7  - vanjier a dit :

Comment modifier le code pour que les images défilent automatiquement ?
Merci

Répondre
#8  - unesourisetmoi a dit :

@vanjier :tu as les liens dans l'article pour tout faire tout seul ;)
Vous avez à votre disposition sur le page de démonstration du slideshow,Les sources des trois fichiers nécessaires (en *.txt), faîtes un copier/coller et enregistrez les avec la bonne extension:
jquery-1.4.2.min.js
jquery.slidertron-0.1.js
slide.css

Répondre

Fil RSS des commentaires de cet article

Écrire un commentaire

Quelle est la dernière lettre du mot 2lpn96 ?

Pour laisser un petit avis au passage, nul besoin d'avoir un site ou une adresse Internet, juste se donner un 'pseudo' ...
Les commentaires sont en 'dofollow', mais modérés à priori. Ils ne seront publiés qu'après vérification de votre message.
Si vous pensez ou désirez obtenir un backlink, votre commentaire doit être construit de manière cohérente, rédigé correctement ET avoir un minimum de contenu et de pertinence.