IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

diaporama en javascript


Sujet :

JavaScript

  1. #1
    Membre du Club
    Femme Profil pro
    Collégien
    Inscrit en
    Août 2011
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Collégien
    Secteur : Transports

    Informations forums :
    Inscription : Août 2011
    Messages : 4
    Par défaut diaporama en javascript
    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

  2. #2
    Invité
    Invité(e)
    Par défaut
    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 ?

  3. #3
    Membre du Club
    Femme Profil pro
    Collégien
    Inscrit en
    Août 2011
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Collégien
    Secteur : Transports

    Informations forums :
    Inscription : Août 2011
    Messages : 4
    Par défaut
    bonjour j'ai chercher un diaporama jquery qui marche bien merci co-même

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. 3 diaporamas automatiques javascript sur la meme page web
    Par zabandi dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 26/09/2012, 13h49
  2. diaporama en javascript
    Par tang le breton dans le forum Général JavaScript
    Réponses: 20
    Dernier message: 02/04/2009, 15h03
  3. Diaporama en Javascript: afficher le nom du fichier
    Par Irlandais dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 30/01/2008, 07h54
  4. Diaporama images Javascript
    Par FujitSiem dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 19/11/2007, 08h51
  5. Diaporama en javascript
    Par Alien41 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 23/03/2007, 21h45

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo