11548 sujets

JavaScript, DOM et API Web HTML5

Integration d'un slide show

Bonjour,
j'utilise pour la premiere fois un scrip javascript pour l'inclure dans mon site web, mais malgré les nombreux tutos lus sur le web je n'arrive pas à le faire fonctionner.
Il s'agit en fait d'inclure le script suivant de la bibliothèque jQuery :

http://www.snoupix.com/slideshow-jquery-accessible_tutorial_28.html

Donc j'ai suivis ce tuto :

Dans mon header j'ai :

	<head>
		<title> Welcome On The Osmose Record Website 2k10 !</title>
		<script type="text/javascript"   src="/js/jquery.js"></script>
		
		<link rel = "stylesheet" media = "screen" type = "text/css" title = "design" href = "design/design.css" />
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
		
		


		
	</head>


et dans mon "main" , qui est une page du site, j'ai :

<div id="main"> 

	<!-- Slideshow HTML Start-->  
	<div id="slideshow">  
	
		<div id="slidesContainer">  
		
			<div class="slide">  
			<!-- Contenu pour le slide 1 -->  
			</div>  
			
			<div class="slide">  
			<!-- Contenu pour le slide 2 -->  
			</div>  
			
			<div class="slide">  
			<!-- Contenu pour le slide 3 -->  
			</div>  
			<div class="slide">  
			<!-- Contenu pour le slide 4 -->  
			</div>  
			
		</div>  
		<script type="text/javascript"   src="/js/jquery.js"></script>
		<script language="Javascript" type="text/javascript" src="/js/slideshow.js"> </script>
	</div>  
  <!-- Slideshow HTML End-->  


</div>


Voila, dans le fichier slideshow qui est dans C:\wamp\www\osmose\js j'y ai copié collé le code donné sur le site tel quel, sans rien toucher. à asavoir que le code de la page est dans C:\wamp\www\osmose

Rien ne s'affiche , ai-je oublié quelque chose ?
Thanks Smiley smile
Modifié par dekker (16 Sep 2010 - 16:45)
Modérateur
Salut,

Je vois que tu as 2 fois la balise script contenant jQuery, ce qui ne sert à rien (tu peux virer le 2nd appel).
Par ailleurs, tu peux remonter l'élément script appelant le slideshow (en enlevant l'attribut language... totalement obsolète) juste à la suite du premier élément script appelant jQuery.

Ceci mis à part, par quelle adresse appelles-tu ta page ?

Quelque chose de la forme http://... (auquel cas tu passes bien par le serveur) ou quelque chose du genre file:///C:/... ? Si c'est le 2nd cas, ça ne colle pas car certains de tes fichiers liés sont appelés en absolu et du coup, tu ne pointeras pas dessus.
Modifié par koala64 (16 Sep 2010 - 16:53)
Merci de ta réponse, j'ai modifié les éléments dont tu parles.

Voici maintenant le code :
Header

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "fr" >

	<head>
		<title> Welcome On The Osmose Record Website 2k10 !</title>
		
		<script language="Javascript" type="text/javascript" src="/js/slideshow.js"> </script>
		<script type="text/javascript"   src="/js/jquery.js"></script>
		
		<link rel = "stylesheet" media = "screen" type = "text/css" title = "design" href = "design/design.css" />
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
		
		


		
	</head>
	
	<body>

		<div id = "Body2">

			<div id="Header">&nbsp;
			</div>
	</body>

</html>


et le main :

<div id="main"> 

	<!-- Slideshow HTML Start-->  
	<div id="slideshow">  
	
		<div id="slidesContainer">  
		
			<div class="slide">  
			<!-- Contenu pour le slide 1 -->  
			</div>  
			
			<div class="slide">  
			<!-- Contenu pour le slide 2 -->  
			</div>  
			
			<div class="slide">  
			<!-- Contenu pour le slide 3 -->  
			</div>  
			<div class="slide">  
			<!-- Contenu pour le slide 4 -->  
			</div>  
			
		</div>  
		

	</div>  
  <!-- Slideshow HTML End-->  


</div>


je te montre ce que j'ai :
upload/32546-exemple1.JPG

Voila, ici tu peux voir le bloc ou j'essaye d'afficher mon slide show (a gauche) c'est le main, il est appelé (donc il diffère) selon les boutons du menu du haut. seul le bouton home amène au "main" qui contiendra le slide show
Tu peux voir par la mçeme le repertoire ou je l'ai mis (relatif a tta question)

Merci de ton aide
Modifié par dekker (16 Sep 2010 - 17:41)
Sujet clos
Aller à