bug slider sur google chrome et opéra

**liswann** · 08/11/2010, 20h46

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

Code :

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

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

**Bovino** · 08/11/2010, 21h11

Envoyé par liswann

Merci de m'éclairer

Nom : ampoule.jpg
Affichages : 35
Taille : 1,9 Ko

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

**liswann** · 08/11/2010, 21h44

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 :

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
 <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 -->

**scourjean** · 09/11/2010, 09h35

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

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
<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>

bug slider sur google chrome et opéra

jQuery

Discussions similaires

Partager

Partager