Implémentation de Nivo Slider

**Antri** · 19/09/2011, 15h20

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**SpaceFrog** · 19/09/2011, 15h26

window.load ???

c'est pas sur le ready ?

**Antri** · 19/09/2011, 16h35

Non sa change rien j'ai déja essayé...^^

**SpaceFrog** · 19/09/2011, 16h40

je ne connais pas nivo, j'utilise le plugin cycle ...

**Antri** · 20/09/2011, 10h07

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

Merci.

Invité · 20/09/2011, 11h27

Salut,

A-t-on le droit d'écrire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ne devrait-ce pas être

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

?

**SpaceFrog** · 20/09/2011, 11h33

En effet oeil de lynx a encore frappé

la balise script n'est pas autofermante

**Antri** · 20/09/2011, 13h09

Cela ne change rien du tous le navigateur l'interprete de la même façon...

Invité · 20/09/2011, 13h20

Look déjà la doc w3c concernant la balise script.
Et si. C'est là l'erreur.

**Antri** · 21/09/2011, 01h27

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^^

Invité · 21/09/2011, 10h24

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Antri** · 21/09/2011, 22h47

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...)

Invité · 22/09/2011, 03h18

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.

Implémentation de Nivo Slider

jQuery

Discussions similaires

Partager

Partager