[GELÖST] mehrere bxSlider ohne Buttons

Dominic · 18. Mai 2015

Hallo Forum

Ich erstelle gerade meine erste Webseite und habe kaum Erfahrung mit JS. Ich möchte mehrere bxSlider auf einer Seite verwenden. Soweit habe ich das ganze schon mal hingekriegt und es funktioniert:

Code:

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="jquery.bxslider.min.js"></script>
    <link href="jquery.bxslider.css" rel="stylesheet" />
        
<script type="text/javascript">
$(document).ready(function () {
$("#slider1").bxSlider();
$("#slider2").bxSlider();
$("#slider3").bxSlider();
});
    </script>
        
</head>

<body>

<h3>Slideshow 1</h3>
<ul id="slider1">
  <li><img src="pics/p1_b1.jpg" /></li>
  <li><img src="pics/p1_p1.png" /></li>
</ul>

<h3>Slideshow 2</h3>
<ul id="slider2">
  <li><img src="pics/p1_b1.jpg" /></li>
  <li><img src="pics/p1_p1.png" /></li>
</ul>

<h3>Slideshow 3</h3>
<ul id="slider3">
  <li><img src="pics/p1_b1.jpg" /></li>
  <li><img src="pics/p1_p1.png" /></li>
</ul>

</body>
</html>

Ich möchte nun die unteren Buttons ausblenden. Ich glaube das sollte mit "pager" gehen.

If true, a pager will be added
default: true
options: boolean (true / false)

Wie kann ich das in das JS integrieren?

Vielen Dank für eure Hilfe!
Gruss Dominic

- - - Aktualisiert - - -

Hey Leute,
ich habs geschafft!

Code:

<script type="text/javascript">
$(document).ready(function () {
$('#slider1').bxSlider({
  pager: false,
});

$('#slider2').bxSlider({
  pager: false,
});

$('#slider3').bxSlider({
  pager: false,
});

});
</script>

Bis zum nächsten Mal ;-)
Gruss Dominic

[GELÖST] mehrere bxSlider ohne Buttons

Dominic

New member