diaporama en javascript [Résolu]

sabrina2 · 26/08/2011, 16h13

bonjour j'ai tombé sur un diaporama javascript(qui utilise la bibliothèque _mootools ) qui répond à mes besoin mais après avoir intégrer dans mage qui contient un menu javascript l'affichage de ma page change

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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 
<html>
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>REALISATION</title>
 
		<link rel="stylesheet" href="_web.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
	<script type="text/javascript" src="_mootools.js"></script>
	<script type="text/javascript" src="_class.noobSlide.js"></script>
	<script type="text/javascript">
	window.addEvent('domready',function(){
 
 
		//SAMPLE 4 (walk to item)
		var hs4 = new noobSlide({
			box: $('box4'),
			items: $ES('div','box4'),
			size: 681,
			handles: $ES('span','handles4'),
			onWalk: function(currentItem,currentHandle){
				$('info4').setHTML(currentItem.getFirst().innerHTML);
				this.handles.removeClass('active');
				currentHandle.addClass('active');
			}
		});
 
 
 
		//more "previous" and "next" buttons
		hs8.addActionButtons('previous',$ES('.prev','box8'));
		hs8.addActionButtons('next',$ES('.next','box8'));
		//more handle buttons
		var handles8_more = $ES('span','handles8_more');
		hs8.addHandleButtons(handles8_more);
		//
		hs8.walk(0)
 
	});
	</script>
 
</head>
 
<body>
  <div id="wrapper">
 
    <div id="header">
      <div id="logo">
        <h1>VERRE PLA</h1>
 
 
</div>
      <div id="cart">
 
      </div>
      <div id="nav">
       <?php include("menuphp.php"); ?>//menu en question
      </div>
      <div id="gallery">
     <marquee>
         <img src="images/image-entete3.jpg" width="130" height="110" alt="Pic" />
		  <img src="images/verre_tainte.jpeg" width="130" height="110" alt="Pic" /> 
		 <img src="images/vanceva_03.jpeg" width="130" height="110" alt="Pic" />
		  <img src="images/privalite_01.jpeg" width="130" height="110" alt="Pic" /> 
		   <img src="images/image-entete.jpg" width="130" height="110" alt="Pic" />
		   </marquee>
      </div>
    </div>
    <div id="body">
      <div id="categories">
 
 
        <?php include("menu_gauche.php"); ?> 
		<h2><a href="contactez.html">CONTACTEZ-NOUS</a>
 
 
 
        </h2>
 
 
<div><img src="images/contactez.jpeg" width="269" height="300" alt="Pic" /></div>
 
      </div>
 
 
	<div id="cont">
 
 
 
 
 
<div class="sample">
  <h1>Nos réalisation en photo</h2>
	<div class="mask3">
		<div id="box4">
 
 
			<?php $pdo_options[PDO::ATTR_ERRMODE] = PDO::ERRMODE_EXCEPTION;
    $bdd = new PDO('mysql:host=localhost;dbname=vitrage', 'root', '', $pdo_options); ?> 
	      <?php 	$reponse = $bdd->query('SELECT id_image,chemins_image,discr_image FROM images ');?>
 
 
 
 
 
       	<?php	while ($donnees = $reponse->fetch())
			{if($donnees['discr_image']) 
			{
			?>
 
         <div> <img src="<?php echo''.$donnees['chemins_image'].'';?>"  alt="Pic" />
 
    <p><?php echo''.$donnees['discr_image'].'';?> </p></div>
 
			<?php 
			}
 
		 }
 
 
		$reponse->closeCursor(); // Termine le traitement de la requête?>
 
 
 
 
 
		</div>
	</div>
	<h4>Show: <span id="info4"></span></h4>
 
	<p class="buttons" id="handles4">
 
		<?php
		 mysql_connect('localhost', 'root',''); 
	mysql_select_db('vitrage');
	$que = "SELECT count(id_image) AS nbre FROM images where discr_image  NOT in ('') ";
	$res = mysql_query($que);
if (!$res) {
   echo "Impossible d'exécuter la requête ($que) dans la base : " . mysql_error();
   exit;
}
 
 
 
	$ro = mysql_fetch_assoc( $res );
$nbEnr = $ro['nbre'];
 
$j=$nbEnr;for($i=1;$i<=$j;$i++)
		{
      echo"<span>$i </span>";
 
		}?>
 
	</p>
</div>
 
 
</div>

merci

jreaux62 · 26/08/2011, 16h34

Bonjour,
le script d'initialisation jquery (ligne 3) doit être dans le <head> (après la ligne 6)

Pour le reste ... c'est à nous de deviner ?

sabrina2 · 27/08/2011, 13h53

bonjour j'ai chercher un diaporama jquery qui marche bien merci co-même

26/08/2011, 16h34	#2
jreaux62 Rédacteur Jérôme Réaux Webdesigner Inscription : août 2008 Messages : 2 994 Détails du profil Informations personnelles : Nom : Jérôme Réaux Âge : 45 Localisation : France, Pas de Calais (Nord Pas de Calais) Informations professionnelles : Activité : Webdesigner Secteur : Arts - Culture Informations forums : Inscription : août 2008 Messages : 2 994 Points : 5 787 Points : 5 787	Bonjour, le script d'initialisation jquery (ligne 3) doit être dans le <head> (après la ligne 6) Pour le reste ... c'est à nous de deviner ? __________________ "Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément." Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique. Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
	00

27/08/2011, 13h53	#3
sabrina2 Invité de passage Collégien Inscription : août 2011 Messages : 3 Détails du profil Informations personnelles : Sexe : Localisation : Maroc Informations professionnelles : Activité : Collégien Secteur : Transports Informations forums : Inscription : août 2011 Messages : 3 Points : 1 Points : 1	bonjour j'ai chercher un diaporama jquery qui marche bien merci co-même
	00

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