zazugold: Probleme mit Bildslider

Hallo,

ich versuche einer dieser zwei Slider

  1. http://bxslider.com/examples/carousel-dynamic-number-slides
  2. http://glide.jedrzejchalubek.com/docs.html#installation

in mein Html Dokument einzubinden, keiner klappt es aber. Ich habe zuerst mit 1. probiert, habe den zip. heruntergeladen, die Css-Datei, dann die jquery.bxslider.js und jquery.bxslider.min.js eingebunden (jquery-2.1.1.min.js hatte ich schon). Danach den Slider in Html geschrieben (

<div class="bx-wrapper"> <ul class="bxslider">
<li><img src="images/Schwaigerner Str. 8,7.jpg"/></li>
<li><img src="images/Schwaigerner Str. 8,5.jpg"/></li>
<li><img src="images/Reihenhaus, Kirchhausen1.jpg"/></li>
<li><img src="images/Max geschäftl. (51).jpg" /></li>
<li><img src="images/Hof, Massenbach2.jpg"/></li>
<li><img src="images/Bilder 1 103.jpg" /></li>
<li><img src="images/9-Fam-Haus, Leingarten4.jpg" /></li>
<li><img src="images/Anbau Massenbach1.jpg" /></li>
</ul>
</div>

). In dritten Schritt "call the bxSlider" muss ich die function rufen $(document).ready(function(){$('.bxslider').bxSlider();); Wo muss ich diese Funktion eingeben und soll "document" der Name meines Dokumentes sein?!

Es ist ja offensichtlich, dass ich Anfängerin bin. Ich habe mit meinen Kenntnissen die Seite mühevoll schon gebaut, beim Bildslider bin ich aber ins Stocken geraten. Ich kämpfe schon seit 2 Tage damit, komme aber leider nicht weiter. Kann mir jemand vielleicht helfen?!

Vielen Dank!

  1. Tach,

    In dritten Schritt "call the bxSlider" muss ich die function rufen $(document).ready(function(){$('.bxslider').bxSlider();); Wo muss ich diese Funktion eingeben

    Den Funktionsaufruf schreibst du in eine eigene Javascript-Datei, die du dann genauso ins HTML einbindest, wie die anderen auch schon.

    und soll "document" der Name meines Dokumentes sein?!

    Nein, das ist ein Teil der Javascript-API (https://wiki.selfhtml.org/wiki/JavaScript/Objekte/window/document) und sollte genau so stehen bleiben.

    mfg
    Woodfighter

    1. Vielen Dank!