bug slider sur google chrome et opéra

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

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, 22h11

Envoyé par liswann

Merci de m'éclairer

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

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

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

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, 10h35

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