Diaporama Slideshow Mootools

gozu13 · 27/09/2008, 20h13

Bonjour à tous,

je cherche à intégrer un diaporama mootools slideshow.

La démo est accesible ici : http://www.electricprism.com/aeron/slideshow/

Le module est téléchargeable ici : http://code.google.com/p/slideshow/

Voila il y a quelques manipulations à faire pour que le module fonctionne. Chez moi ca ne marche pas donc j'ai du rater une des manipulations.

Voici le code source :

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
 
<!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">
<head>
	<title>Slideshow 2!</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="author" content="Aeron Glemann (http://www.electricprism.com/aeron/)" />
	<link rel="stylesheet" type="text/css" href="css/slideshow.css" media="screen" />
	<script type="text/javascript" src="js/mootools.js"></script>
	<script type="text/javascript" src="js/slideshow.js"></script>
	<script type="text/javascript">		
	//<![CDATA[
	  window.addEvent('domready', function(){
      // Load your images here
	    var data = [
	      // "1.jpg", "2.jpg", "3.jpg"
	    ];
	    // Initialize the Slideshow instance
	    var myShow = new Slideshow('show', data, { height: 300, hu: 'images/', width: 400 });
	  });
	//]]>
	</script>
</head>
<body>
  <div id="show" class="slideshow">
    <!-- Add your default image here -->
    <img src="" alt="" />
    <img src="" alt="" />
  </div>
</body>
</html>

J'ai integrer des images dans mon dossier /images.
Voila et niveau js j'y connais rien... :/
Donc si quelqu'un peut m'aider çà serait super simpa.

Merci

popcorn · 27/09/2008, 20h21

Salut,

Tes images sont en commentaires:

Citation:

// "1.jpg", "2.jpg", "3.jpg"

, enlève le //

gozu13 · 28/09/2008, 11h19

C'est enlever ... mais il doit y avoir d'autre erreur comme ça car ça marche toujours pas :s

Voici le read me du fichier ... il y a pas beaucoup de modifs a faire pourtant .. :

Citation:

=== Read Me ===

Slideshow is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website. Follow these instructions to get started:

# Add the images for your show to the /images folder in this download.
# Create the data object for the show in index.html based on the filenames of the images being used.
# Load index.html in your browser.

For information on creating thumbnails, customizing animations and using the Slideshow extensions, please consult the documentation:

http://code.google.com/p/slideshow/w/list

D'après moi ca peut venir que de la : # Create the data object for the show in index.html based on the filenames of the images being used.

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