Implémentation de Nivo Slider

Version imprimable

Bonjour, j'essais depuis plusieurs jours d'utiliser Nivoslider mais j'y arrive pas. j'essais avec seulement deux images 617x215 mais elle se chevauche ou il y a des effets innatendue. j'utilise jquery.nivo.slider.js avec son fichier css. jai essayer avec jquery 1.4 et 1.6 mais toujours le même problème. pourtant voici mon code:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <link href="nivo-slider.css" rel="stylesheet" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"/> <script src="jquery.nivo.slider.pack.js" type="text/javascript"/> <title>Untitled Page</title> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> </head> <body> <form id="form1" runat="server"> <div id="slider" class="nivoSlider"> <img src="bob.jpg" alt=""/> <img src="Sabrina.jpg" alt=""/> </div> </form> </body> </html>
merci de votre aide.

19/09/2011, 15h26
SpaceFrog

window.load ???

c'est pas sur le ready ?
19/09/2011, 16h35
Antri

Non sa change rien j'ai déja essayé...^^
19/09/2011, 16h40
SpaceFrog

je ne connais pas nivo, j'utilise le plugin cycle ...
20/09/2011, 10h07
Antri

ok Merci, je vais continuer de chercher en attendant une réponse éventuelle d'une tierce personne.

Merci.
20/09/2011, 11h27
Invité

Salut,

A-t-on le droit d'écrire

Code:

<script src="blabla" type="blabla"/>

ne devrait-ce pas être

Code:

<script src="blabla" type="blabla"></script>

?
20/09/2011, 11h33
SpaceFrog

En effet oeil de lynx a encore frappé :ccool:

la balise script n'est pas autofermante
20/09/2011, 13h09
Antri

Cela ne change rien du tous le navigateur l'interprete de la même façon...
20/09/2011, 13h20
Invité

:sm:

Look déjà la doc w3c concernant la balise script.
Et si. C'est là l'erreur.
21/09/2011, 01h27
Antri

je te dit que le problème ne viens pas de là tu me dit si! bizarre... j'ai essayer en corrigeant sur ce que tu m'as dit mais toujours pareil. Essayer le plugin Nivo slider et dites moi si vous y arrivez du premier coup... . Moi une image s'affiche puis l'autre on voit que 1/10ème lors de la transition des beug etc...

Merci^^

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link href="../nivo-slider.css" rel="stylesheet" type="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</head>
<body>    <form id="form1" runat="server">
 
		<div id="slider" class="nivoSlider">
				<img src="images/toystory.jpg" alt="" />
				<img src="images/walle.jpg" alt="" />
				<img src="images/nemo.jpg" alt="" title="#htmlcaption" />
		</div>    </form>
</body>
</html>

est good chez moi, ff6.02

21/09/2011, 22h47
Antri

Moi c'est bizarre lors des transitions des images l'effet n'est pas net. Il y a des beug... cela pourrais-t'il être dû à mes images ? (je pense pas...)
22/09/2011, 03h18
Invité

Un moyen de fixer le problème est très simple :
tu télécharges la demo de chez nivo, et tu regardes si ca tourne bien.

Si c'est le cas (ce qui doit être le cas :) ), yaka adapter la page progressivement à tes besoins.