• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] bxSlider einbinden

Hallo Marco,
selber benutze ich diesen Slider nicht und kann dir deshalb auch keine URL liefern. Es gibt ja auch verschiedene Varianaten und es wäre wahrscheinlich nicht die, die Du brauchst. Aber auf den Beispielseiten hast Du doch jeweils einen eingebauten Slider und kannst dir den Quelltext ansehen. Poste lieber mal die Adresse deiner Seite, wo Du es versucht hast, dann können wir den Fehler sicher finden.
Viele Grüße - Ulrich
 
HTML: 
<html>
<head>
<script src="//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" />
</head>
<body>

<div class="slider">
<ul class="bxslider">
  <li><img src="1.jpg" width="400px" hight="400px" /></li>
  <li><img src="2.jpg" width="400px" hight="400px" /></li>
  <li><img src="3.jpg" width="400px" hight="400px" /></li>
    <script type="text/javascript">  $(document).ready(function(){    $('.bxslider').bxSlider({  pagerCustom: '#bx-pager'});  });</script>
</ul>
<div id="bx-pager">
  <a data-slide-index="0" href=""><img src="1.jpg" width="200px" hight="200px" /></a>
  <a data-slide-index="1" href=""><img src="2.jpg" width="200px" hight="200px" /></a>
  <a data-slide-index="2" href=""><img src="3.jpg" width="200px" hight="200px" /></a>
</div>
</div>

</body>
</html>
 
Auf Anhieb sehe ich den Fehler nicht.

- Werden die Librairies geladen?
- Sind die Bilder richtig referenziert?
- Gibt es JS-Fehler in der Konsole?

Nebenbei bemerkt schreibt man den Funktionsaufruf entweder in den Head oder an das Ende des Dokuments, vor das schließende Body-Tag. AUßerdem fehlt der Doctype.
 
Hallo Marco,
da fehlt ein http: in der Adresse für das Einbinden von jQuery:
Code: 
<script src="[B]http:[/B]//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
Außerdem hast Du hight falsch geschrieben.
 
Zuletzt bearbeitet von einem Moderator:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben