Ajout d'un second menu à un bxslider
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:
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 !!
