Gallerie image jquery

Invité · 27/10/2013, 11h05

bonjour a tousse

j'ai voulu suivre cette exemple: http://workshop.rs/2010/04/coin-slid...nique-effects/

j'ai appliquer a la lettre tout se qu'il faut faire mais la galerie ne fonctionne pas j'ai juste les deux image qui sont afficher cote a cote.

voici mon code:

Code html :

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
<!DOCTYPE HTML>
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Toute les dernière nouvelles informatique</title>
    <Script type= "text / javascript" src= "coin-slider/jquery-1.4.2.js" ></script>
    <Script type= "text / javascript" src= "coin-slider/coin-slider.min.js" ></script>
    <link rel="stylesheet" href="coin-slider/coin-slider-styles.css" type="text/css" />
	<link href="styles/style.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="styles/base.css" rel="stylesheet" type="text/css" media="screen" />
 
    </head>
	<body>
    <div id="container">
      <header>
        <nav>
          <ul id="nav">
            <li><a href="index.html">Accueil</a></li>
            <li><a href="#" class="current">Shop</a></li>
            <li><a href="prez.html">Trousse a outils</a></li>
            <li><a href="Tuto/Tutoriels.html">Tutoriels</a></li>
            <li><a href="contact.html">Contact</a></li>
          </ul>
        </nav>
        <hgroup class="intro">
          <h1 class="tagline">Bienvenue sur le site de Crash-override</h1>
        </hgroup>
 
      </header>
      <div class="wrapper">
        <p>
        <div class="article" style="width:1180px;">
            <div class="border_gradient">
            <div align="center">
             <p><img src="ecommerce-panier-shoping-webshop-icone-6530-128.png" width="64" height="64" /><strong>Boutique en ligne</strong><img src="ecommerce-panier-shoping-webshop-icone-6530-128.png" width="64" height="64" />
             <div class="border"></div>
             <p>
             <div id='coin-slider'>
             <img src='401_403.gif' >
		<span>
			essai01
		</span>
	<img src='403.png' >
		<span>
			essai
		</span>
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$(document).ready(function() {
        $('#coin-slider').coinslider();
});

savez vous se qui cloche dans le code ??

résolu: le code fonctionne mais il a fallut changer la version du jquery et il y avait des espaces en trop

Gallerie image jquery

jQuery

Discussions similaires

Partager

Partager