Diaporama Slideshow

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

// "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 .. :

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

Diaporama Slideshow

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager