Non prise en compte du slider nivo

**rimbaut** · 10/03/2012, 19h50

Bonsoir,
Je suis en train de suivre une formation "créer un site web wordpress" mais je me heurte à une difficulté.
J'ai téléchargé le plugin nivo afin de faire un carrousel mais celui ci n'est pas pris en compte. Je ne sais pas si c'est au niveau du html ou js.

Je vous joins les fichiers.

Merci pour votre aide

**NoSmoking** · 11/03/2012, 16h24

Bonjour,
...je mettrais le code de l'init du slider dans la fonction

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
22
23
24
25
26
27
$(function () {
  //recherche focus enter
  $("#champ-search").focusin(function () {
    $("#enter").fadeIn();
  });
  $("#champ-search").focusout(function () {
    $("#enter").fadeOut();
  });
  // Fonction qui permet de vider champ "Rechercher" de façon automatique
  $(".autoEmpty").each(function () {
    var defaultText = $(this).val();
    $(this).focus(function () {
      if ($(this).val() == defaultText) {
        $(this).val("");
      }
    });
    $(this).blur(function () {
      if ($(this).val() == "") {
        $(this).val(defaultText);
      }
    });
  });
  //slider nivo
  $("#slider").nivoSlider({
    controlNav: false
  });
});

**rimbaut** · 11/03/2012, 19h03

Merci NoSmoking pour ta réponse mais ça ne marche toujours pas. En fait je me demande si le plugin est bien pris par le html

**NoSmoking** · 11/03/2012, 19h08

montres nous donc comment tu intègres le(s) fichier(s) dans ton document.

**rimbaut** · 11/03/2012, 19h53

Voici le code html :
code :

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html lang="fr">
 
<head> 
    <meta charset="utf-8"> 
 
    <title>Tuto WP</title> 
 
    <meta name="description" content="" /> 
    <meta name="author" content="Adrien Gazaix - www.adriengazaix.fr" />
 
    <link rel="stylesheet" href="nivo.css" />
	<link rel="stylesheet" href="style.css" />
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script type="text/javascript" src="js/nivo.js"></script>
    <script type="text/javascript" src="js/site.js"></script>
	<script type="text/javascript" src="js/jquery.js"></script>
 
    <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head> 
 
<body>
 
<!---cette div englobe tout le site ----->
<div id="content">
 
 
<!---Ceci est mon header qui comprend le nav et le form"Rechercher..."----->
	 <header>
 
		<div id="enter"></div>
 
		<a title="Retour à l'acceuil du site" id="logo" href="#">WebConseil</a>
 
		<nav>
		    <ul id="menu">
			    <li class="active" ><a href="#">Accueil</a></li>
			    <li><a href="#">Présentation</a></li>
			    <li><a href="#">Actualités</a></li>
				<li><a href="#">Portfolio</a></li>
				<li><a href="#">Contact</a></li>
			</ul>
		</nav>
 
 
		<form id="recherche" methode="post" action="#" >
			    <input type="text"  id="champ-search" class="autoEmpty" value="Rechercher..."/>
		</form>
 
	</header>
 
 
 
<!-----Ici nous mettons le slider qui fera la caroussel------->	
		<div id="slider" class="nivoslider">
		    <a href="#"><img src="img/image1.jpg" /> </a>
		    <a href="#"><img src="img/image2.jpg" /> </a>
			<a href="#"><img src="img/image3.jpg" /> </a>
			<a href="#"><img src="img/image4.jpg" /> </a>
		</div>
 
 
<!-------------Ici c'est le contenu------------------------->
	    <div id="content-blank">
 
 
		</div>
 
 
<!----------Voici le footer-------------------------------->
	    <footer>
 
 
		</footer>
 
 
 
</div>
 
</body>
</html>

**NoSmoking** · 11/03/2012, 20h06

je ne saurais trop de conseiller de supprimer le dernier fichiers JS, pour vérifier qu'il n'y a pas de conflit, je parle de celui ci

Code :

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

<script type="text/javascript" src="js/jquery.js"></script>

**rimbaut** · 11/03/2012, 21h01

J'ai supprimé le fichier et ça marche. Merci beaucoup et bonne soirée

Non prise en compte du slider nivo

jQuery

Discussions similaires

Partager

Partager