Bonjour,

j'ai utilisé un plug in pour un slide show jquery sur le site web carousselfred

lorsque je code rien que le slide show sur un nouveau document html il fonctionne

bien sur dans le dossier du site web je mets les fichiers jquery nécessaires avec les liens pour pouvoir faire référence

donc ça marche pas de prob

le code est :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
 
.carrousel {width: 532px; height: 300px;}
.carrousel .slide {display: block; width: 532px; height: 300px; position: relative;}
.carrousel .slide .info {display: block; color: #FFF; bottom: 0; left: 0; right: 0; background-color: rgba [(0,0,0,0.8)]; position: absolute; height: 40px; line-height: 40px; text-indent: 20px;}
 
</style>
</head>
 
<body>
<div class="carrousel" id="carrousel">
 
    <div class="slide">
    <a href= "#">
        <img src="image1.png" width="532" height="300" />
    </a>
    </div>
 
    <div class="slide">
    <a href= "#">
        <img src="image2.png"  width="532" height="300" />
    </a>
    </div>
 
    <div class="slide">
    <a href= "#">
        <img src="image3.png" width="532" height="300" />
    </a> 
    </div>
 
    <div class="slide">
    <a href= "#">
        <img src="image4.png" width="532" height="300" />
    </a>
    </div>
 
    <div class="slide">
    <a href= "#">
        <img src="image5.png" width="532" height="300" />
    </a> 
    </div>
 
</div>
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="caroufredsel.js"></script>
<script type="text/javascript">
$('#carrousel').caroufredsel({
    direction:'up',
    scroll: {
        fx: 'crossfade'
    },
});
</script>
 
 
</body>
 
</html>
par contre lorsque je récupére le code css html et javascript pour les insérer dans ma page d'accueil de mon site et bien les images ne défilent pas

bien sur dans le dossier du site web je mets les fichiers jquery nécessaires avec les liens pour pouvoir faire référence

ça a fonctionné au début et la ça marche plus pourquoi je ne sais pas

pourtant le code est identique

je ne comprend pas quel est le prob pourriez vous m'aider

en vous remerciant