Ajout d'un second menu à un bxslider

**liou13** · 24/07/2013, 15h40

Bonjour,
je suis dans une impasse. J'utilise un bx sliders avec un menu qui fonctionne très bien et quand je veux ajouter un second menu (présent dans le premier slide uniqement) il y a toujours des bug.

Pour faire simple je joins le code de la page avec le menu en haut qui fonctionne et ou je voudrait avoir le second menu.

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
<!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 titre</title>
<link rel="stylesheet" href="jquery.bxslider.css" type="text/css" />
</head>
 
<body>
<div id="bx_advantages">
      <a data-slide-index="0" href="">Page_1</a>
      <a data-slide-index="1" href="">Page_2</a>
      <a data-slide-index="2" href="">Page_3</a>
      <a data-slide-index="3" href="">Page_4</a>
      <a data-slide-index="4" href="">Page_5</a>
</div>
    <ul class="bxadvantages">
    <li>
    <div id="menu_2">
      <a data-slide-index="0" href="">Page_1</a>
      <a data-slide-index="1" href="">Page_2</a>
      <a data-slide-index="2" href="">Page_3</a>
      <a data-slide-index="3" href="">Page_4</a>
      <a data-slide-index="4" href="">Page_5</a>
</div>
    <h1>Page 1</h1></li>
    <li><h1>Page 2</h1></li>
    <li><h1>Page 3</h1></li>
    <li><h1>Page 4</h1></li>
    <li><h1>Page 5</h1></li>
</ul>
<script type='text/javascript' src="jquery.min.js"></script>
<script type='text/javascript' src="jquery.bxslider.js"></script>
    <script type="text/javascript">
                $(document).ready(function(){
                        $('.bxadvantages').bxSlider({
                                pagerCustom: '#bx_advantages',
                                controls: false,
                        });
                });
    </script>
</body>
</html>

Merci du coup de main.

Bonne journée !!

**NoSmoking** · 25/07/2013, 18h58

Bonjour,
surement aucun rapport mais supprime la dernière virgule

Code :

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

1
2
3
4
5
6
$(document).ready(function(){
	$('.bxadvantages').bxSlider({
		pagerCustom: '#bx_advantages',
		controls: false     // , <- virgule a supprimer
	});
});

Ajout d'un second menu à un bxslider

jQuery

Vue hybride

Discussions similaires

Partager

Partager