bug slider sur google chrome et opéra

Version imprimable

08/11/2010, 20h46
liswann

bug slider sur google chrome et opéra
Bonsoir,
J'ai créer un slider qui ne s'affiche pas sur google chrome et opéra
Le code js :
Code:

1 2 3 4 5 6 7 8 9 10 $(function(){ $('.slider_blue').cycle({ fx:'scrollHorz', timeout:0, speed:1000, prev:'#prev_blue', next:'#next_blue' });
Merci de m'éclairer
08/11/2010, 21h11
Bovino

1 pièce(s) jointe(s)

Citation:

Envoyé par liswann

Merci de m'éclairer

Pièce jointe 69220

Sinon, merci de nous donner le minimum d'éléments pour pouvoir répondre... :roll:

bug google chrome et opéra

Sur ma page index, j'ai un slider qui s'affiche parfaitement sur les navigateurs sauf sur google chrome et opéra. Le texte ne s'affiche pas et l'image est en décalage.

Code:

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
 <div class="content_box right blue">
            <div class="heading_box">
              <h3>Top des ventes</h3>
            </div><!--fin .heading_box -->
            <div class="slider_blue">
              <div> <img src="img/img_1.jpg" alt="" class="top_img" />
                <ul>
                  <li>
                    <p><span>Martinique</span><br />
                      Dolé Village 2*<br />
                      départ de Paris, Lyon</p>
                    <a class="btn">389<span style="font-size:0.75em;"> €*</span></a></li>
                </ul>
              </div><!--fin DIV -->
              <div> <img src="img/img_1.jpg" alt="" class="top_img" />
                <ul>
                  <li>
                    <p><span>Martinique1</span><br />
                      Dolé Village 2*<br />
                      départ de Paris, Lyon</p>
                    <a class="btn">309<span style="font-size:0.75em;"> €*</span></a></li>
                </ul>
              </div><!--FIN DIV -->
              <div> <img src="img/img_1.jpg" alt="" class="top_img" />
                <ul>
                  <li>
                    <p><span>Martinique2</span><br />
                      Dolé Village 2*<br />
                      départ de Paris, Lyon</p>
                    <a class="btn">380<span style="font-size:0.75em;"> €*</span></a></li>
                </ul>
              </div><!--FIN DIV -->
              <div> <img src="img/img_1.jpg" alt="" class="top_img" />
                <ul>
                  <li>
                    <p><span>Martinique4</span><br />
                      Dolé Village 2*<br />
                      départ de Paris, Lyon</p>
                    <a class="btn">378<span style="font-size:0.75em;"> €*</span></a></li>
                </ul>
              </div><!--FIN DIV -->
            </div><!--fin .slider_blue -->
            <div class="arrow_box">
              <div class="left_arrow"><a href="#" id="prev_blue"><img src="img/left_arrow.png" alt="" /></a></div><!--fin.left_arrow -->
              <div class="right_arrow"><a href="#" id="next_blue"><img src="img/right_arrow.png" alt="" /></a></div><!--fin.right_arrow -->
            </div><!--fin.arrow_box -->
            <a href="#" class="bottom_link">Top des ventes</a> 
          </div><!--fin.content_box right blue -->

Avec le code qui suit aucun soucis sur chrome et opéra

Code:

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
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.72.js"></script>
 
<script type="text/javascript">
$(document).ready(function(){
	$('.slider_blue').cycle({
		fx:'scrollHorz',
		timeout:0,
		speed:1000,
		prev:'#prev_blue',
		next:'#next_blue'
	});
});
</script>
</head>
<body>
	<div class="content_box right blue">
		<div class="heading_box">
		  <h3>Top des ventes</h3>
		</div><!--fin .heading_box -->
		<div class="slider_blue">
			<div> <img src="img/img_1.jpg" alt="" class="top_img" />
				<ul>
				  <li>
					<p><span>Martinique</span><br />
					  Dolé Village 2*<br />
					  départ de Paris, Lyon</p>
					<a class="btn">389<span style="font-size:0.75em;"> €*</span></a></li>
				</ul>
			</div><!--fin DIV -->
			<div> <img src="img/img_1.jpg" alt="" class="top_img" />
				<ul>
				  <li>
					<p><span>Martinique1</span><br />
					  Dolé Village 2*<br />
					  départ de Paris, Lyon</p>
					<a class="btn">309<span style="font-size:0.75em;"> €*</span></a></li>
				</ul>
			</div><!--FIN DIV -->
			<div> <img src="img/img_1.jpg" alt="" class="top_img" />
				<ul>
				  <li>
					<p><span>Martinique2</span><br />
					  Dolé Village 2*<br />
					  départ de Paris, Lyon</p>
					<a class="btn">380<span style="font-size:0.75em;"> €*</span></a></li>
				</ul>
			</div><!--FIN DIV -->
			<div> <img src="img/img_1.jpg" alt="" class="top_img" />
				<ul>
				  <li>
					<p><span>Martinique4</span><br />
					  Dolé Village 2*<br />
					  départ de Paris, Lyon</p>
					<a class="btn">378<span style="font-size:0.75em;"> €*</span></a></li>
				</ul>
			</div><!--FIN DIV -->
		</div><!--fin .slider_blue -->
		<div class="arrow_box">
		  <div class="left_arrow"><a href="#" id="prev_blue"><img src="img/left_arrow.png" alt="<" /></a></div><!--fin.left_arrow -->
		  <div class="right_arrow"><a href="#" id="next_blue"><img src="img/right_arrow.png" alt=">" /></a></div><!--fin.right_arrow -->
		</div><!--fin.arrow_box -->
		<a href="#" class="bottom_link">Top des ventes</a> 
	</div><!--fin.content_box right blue -->
</body>
</html>