Jquery slide carousel

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Jquery slide carousel

emmanuel82

Bonjour,

Je souhaite mettre en place un slide d'image automatique en tête de mon site.

On voit beaucoup ce genre de script et j'en ai trouvé quelques uns mais qui ne correspondent pas vraiment à ce que je veux.

En gros je ne souhaite pas spécialement avoir de bouton "suivant" et "précédent", seulement les images qui défilent à une vitesse réglable.

J'ai trouvé un script qui permet pas mal de configuration mais je n'ai pas compris comment le mettre en place.

Il se trouve à cette page :

http://thomlx.free.fr/jquery/jquery_carousel.htm

Si quelqu'un peut me guider dans les démarches à suivre ce serait super

Merci beaucoup !

Bon début de printemps !

Emmanuel

Publicité

David Boring

Tu mets un lien vers jquery en plus du lien vers ton plugin dans ta page.
Tu donnes un id au div qui contient ta liste et dans les exemples tu remplaces ("div" ) par ("#ton_id" )

Message cité 1 fois

emmanuel82

David Boring a écrit :

Tu mets un lien vers jquery en plus du lien vers ton plugin dans ta page.
Tu donnes un id au div qui contient ta liste et dans les exemples tu remplaces ("div" ) par ("#ton_id" )

Voila ce que j'ai fait mais ça ne marche pas...

Code :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="emmanuel">
<meta name="generator" content="WebExpert 6">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.carousel.js"></script>
<STYLE type="text/css">
#test ul, #test li
{
margin:0;
padding:0;
list-style:none;
}
#test, #test li
{
width:500px;
height:200px;
overflow:hidden;
}
</style>
</head>
<body>
<SCRIPT language="Javascript">
$(document).ready(function(){
$("test" ).carousel( { autoSlide: true, autoSlideInterval: 1000, loop: true } );
});
</SCRIPT>
<div id="test">
<ul>
<li><img src="images/01.jpg" border="0" width="500" height="200" alt=""></li>
<li><img src="images/02.jpg" border="0" width="500" height="200" alt=""></li>
<li><img src="images/03.jpg" border="0" width="500" height="200" alt=""></li>
...
</ul>
</div>
</body>
</html>

Merci

Emmanuel

David Boring

$("#test" ).carousel
Si tu ne mets # devant test, jquery cherche le tag test et non l'id

Message cité 1 fois

emmanuel82

David Boring a écrit :

$("#test" ).carousel
Si tu ne mets # devant test, jquery cherche le tag test et non l'id

Ah oui exact, étourderie...

J'ai fais la manip mais ça ne marche toujours pas, d'après ce que j'ai pu lire sur un autre forum, ce plugin repose beaucoup sur le code css, mon erreur vient peut être de là ?

Si quelqu'un connait un autre plugin, simple d'installation et avec un autoslide réglable je suis preneur...

Merci beaucoup

Bon dimanche,

Emmanuel

emmanuel82

FORUM HardWare.fr

Programmation

HTML/CSS

Jquery slide carousel

Sujets relatifs
Question menu accordeon Jquery	Reflexions sur jQuery, Mootools, ...
[jQuery] Sélectionner le dernier élément sélectionné.	[JQuery]
[Jquery] question drag and drop "sortable" et liens	faire apparaître plusieurs textes [jquery]
jquery et Opera 9.52+	Jquery DatePicker
[jQuery] fadeIn/out sur un add/removeClass	[Javascript] Problème liste déroulante et jquery
Plus de sujets relatifs à : Jquery slide carousel

Page générée en 0.048 secondes