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.

galerien69 · 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...

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

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

galerien69 · 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.

19/09/2011, 15h26	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	window.load ??? c'est pas sur le ready ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

19/09/2011, 16h35	#3
Antri Invité de passage Mohamed Antri Étudiant Inscription : septembre 2011 Messages : 13 Détails du profil Informations personnelles : Nom : Mohamed Antri Localisation : France Informations professionnelles : Activité : Étudiant Secteur : High Tech - Matériel informatique Informations forums : Inscription : septembre 2011 Messages : 13 Points : 0 Points : 0	Non sa change rien j'ai déja essayé...^^
	00

19/09/2011, 16h40	#4
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	je ne connais pas nivo, j'utilise le plugin cycle ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

20/09/2011, 10h07	#5
Antri Invité de passage Mohamed Antri Étudiant Inscription : septembre 2011 Messages : 13 Détails du profil Informations personnelles : Nom : Mohamed Antri Localisation : France Informations professionnelles : Activité : Étudiant Secteur : High Tech - Matériel informatique Informations forums : Inscription : septembre 2011 Messages : 13 Points : 0 Points : 0	ok Merci, je vais continuer de chercher en attendant une réponse éventuelle d'une tierce personne. Merci.
	00

20/09/2011, 11h27	#6
galerien69 Membre éclairé F5(){F5} Inscription : avril 2008 Messages : 256 Détails du profil Informations personnelles : Sexe : Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : F5(){F5} Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : avril 2008 Messages : 256 Points : 320 Points : 320	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> ?
	00

20/09/2011, 11h33	#7
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	En effet oeil de lynx a encore frappé la balise script n'est pas autofermante __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

20/09/2011, 13h09	#8
Antri Invité de passage Mohamed Antri Étudiant Inscription : septembre 2011 Messages : 13 Détails du profil Informations personnelles : Nom : Mohamed Antri Localisation : France Informations professionnelles : Activité : Étudiant Secteur : High Tech - Matériel informatique Informations forums : Inscription : septembre 2011 Messages : 13 Points : 0 Points : 0	Cela ne change rien du tous le navigateur l'interprete de la même façon...
	00

20/09/2011, 13h20	#9
galerien69 Membre éclairé F5(){F5} Inscription : avril 2008 Messages : 256 Détails du profil Informations personnelles : Sexe : Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : F5(){F5} Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : avril 2008 Messages : 256 Points : 320 Points : 320	Look déjà la doc w3c concernant la balise script. Et si. C'est là l'erreur.
	00

21/09/2011, 01h27	#10
Antri Invité de passage Mohamed Antri Étudiant Inscription : septembre 2011 Messages : 13 Détails du profil Informations personnelles : Nom : Mohamed Antri Localisation : France Informations professionnelles : Activité : Étudiant Secteur : High Tech - Matériel informatique Informations forums : Inscription : septembre 2011 Messages : 13 Points : 0 Points : 0	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^^
	00

21/09/2011, 22h47	#12
Antri Invité de passage Mohamed Antri Étudiant Inscription : septembre 2011 Messages : 13 Détails du profil Informations personnelles : Nom : Mohamed Antri Localisation : France Informations professionnelles : Activité : Étudiant Secteur : High Tech - Matériel informatique Informations forums : Inscription : septembre 2011 Messages : 13 Points : 0 Points : 0	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...)
	00

22/09/2011, 03h18	#13
galerien69 Membre éclairé F5(){F5} Inscription : avril 2008 Messages : 256 Détails du profil Informations personnelles : Sexe : Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : F5(){F5} Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : avril 2008 Messages : 256 Points : 320 Points : 320	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.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email