このコードの各ケースで onclick イベントを呼び出すことは可能ですか?
buildPager: function(slideIndex){
switch(slideIndex){
case 0:
return '<img src="images/mask.png">';
case 1:
return '<img src="images/mask.png">';
case 2:
return '<img src="images/mask.png">';
case 3:
return '<img src="images/mask.png">';
case 4:
return '<img src="images/mask.png">';
}
}
各ケースはクリック可能であるため、そのためのコードが必要であり、そのコードは次の別のコード内にあります。
<script>
$(document).ready(function(){
$('.slider1').bxSlider({
slideWidth: 5000,
minSlides: 1,
maxSlides: 1,
slideMargin: 10,
infiniteLoop: true,
hideControlOnEnd: false,
mode: 'horizontal',
useCSS: false,
easing: 'easeOutElastic',
speed: 2000,
buildPager: function(slideIndex){
switch(slideIndex){
case 0:
return '<img src="images/mask.png">';
case 1:
return '<img src="images/mask.png">';
case 2:
return '<img src="images/mask.png">';
case 3:
return '<img src="images/mask.png">';
case 4:
return '<img src="images/mask.png">';
}
}
});
});
</script>
それは bxslider コードです。