Bxslider werkt niet.

**Chiel Oude Breuil** · 03-10-2013, 17:25

Hallo,

Ik probeer de Bxslider op mijn website te plaatsen alleen wil het niet helemaal lukken.
Ik heb naar mijn mening alles goed gedaan.

(ik heb het bestand gedownload, vervolgens in de HTML gelinkt naar de js en naar de css dit hoort correct te zijn nu.)

Alleen het resultaat zijn een paar puntjes.

Iemand ervaring? http://bit.ly/GBmhhL

Mvg,

**Tom giesbergen** · 03-10-2013, 18:40

Chiel,

Heb jij ooit gehoord van Google? Ik ben al die berichten nu toch echt een beetje zat...
Kijk eerst eens verder, indien je er na uren, ja uren, nog niet aan uit komt, stel dan je vraag.

p.s. de link naar je JS bestanden is dood....

**Tom giesbergen** · 03-10-2013, 18:57

Daarnaast mis je natuurlijk ook de aanroep van de bxSlider:

$(document).ready(function(){ $('.bxslider').bxSlider();});

**Chiel Oude Breuil** · 03-10-2013, 19:18

Ja, maar waar plaats ik deze.
En ik ben nog steeds aan het zoeken hoor. Ik heb echt wel even gegoogled.

Mvg,

**Arjen Zijlstra** · 03-10-2013, 19:21

Op nota bene de homepage van bxslider.com staat:

How to install

Step 1: Link required files

First and most important, the jQuery library needs to be included (no need to download - link directly from Google). Next, download the package from this site and link the bxSlider CSS file (for the theme) and the bxSlider Javascript file.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script><script src="/js/jquery.bxslider.min.js"></script><link href="/lib/jquery.bxslider.css" rel="stylesheet" />
Step 2: Create HTML markup

Create a <ul class="bxslider"> element, with a <li> for each slide. Slides can contain images, video, or any other HTML content!

<ul class="bxslider"> <li><img src="/images/pic1.jpg" /></li> <li><img src="/images/pic2.jpg" /></li> <li><img src="/images/pic3.jpg" /></li> <li><img src="/images/pic4.jpg" /></li></ul>
Step 3: Call the bxSlider

Call .bxslider() on <ul class="bxslider">. Note that the call must be made inside of a $(document).ready() call, or the plugin will not work!

$(document).ready(function(){ $('.bxslider').bxSlider();});
Check the examples and FAQs for more information on installation and customization

**Chiel Oude Breuil** · 03-10-2013, 19:22

Ja gedaan toch?

Mvg,

**Arjen Zijlstra** · 03-10-2013, 19:24

Jouw vorige reactie even lezen en dan STAP 3 in bovenstaande tekst.

**Chiel Oude Breuil** · 03-10-2013, 19:28

Ik heb nu dus dit:

<ul class="bxslider">
$(document).ready(function(){ $('.bxslider').bxSlider();});
<li><img src="/images/pic1.jpg" /></li>
<li><img src="/images/pic2.jpg" /></li>
<li><img src="/images/pic3.jpg" /></li>
<li><img src="/images/pic4.jpg" /></li>
</ul>

Maar dat werkt ook niet.
Mvg,

**Robin L** · 03-10-2013, 19:46

Origineel gepost door chiel ob

Ik heb nu dus dit:

<ul class="bxslider">
$(document).ready(function(){ $('.bxslider').bxSlider();});
<li><img src="/images/pic1.jpg" /></li>
<li><img src="/images/pic2.jpg" /></li>
<li><img src="/images/pic3.jpg" /></li>
<li><img src="/images/pic4.jpg" /></li>
</ul>

Maar dat werkt ook niet.
Mvg,

Anders ga je gewoon naar stackoverflow.com met je vragen, je opent nu echt voor elk onbenullig iets een topic, en dat terwijl je een eigen onderneming hebt, en dezelfde diensten wilt gaan aanbieden aan klanten. 90% van de 'potentiele' klanten via Sitedeals ben je nu al kwijt.

**Sander Wolswijk** · 03-10-2013, 20:15

Je site geeft aan dat de bestanden niet gevonden zijn:

Code:

Failed to load resource: the server responded with a status of 404 (Not Found) http://www.webob.nl/jquery.bxslider/jquery.bxslider.css

Code:

Failed to load resource: the server responded with a status of 404 (Not Found) http://www.webob.nl/jquery.bxslider/...xslider.min.js
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.webob.nl/images/pic3.jpg
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.webob.nl/images/pic1.jpg
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.webob.nl/images/pic2.jpg
Failed to load resource: the server responded with a status of 404 (Not Found)     http://www.webob.nl/images/pic4.jpg

Dus je hebt iets fout in je html code.

**Tom giesbergen** · 03-10-2013, 20:20

oplossing:
- Controleer paths van bestanden (JS en CSS)
- Voeg volgend stukje code toe NA <body> tag

<script>$(document).ready(function(){ $('.bxslider').bxSlider();});</script>En het zou moeten werken.

**Wilbert E.** · 03-10-2013, 21:20

Je opent wel heel veel topics....
Dit is wel héél erg basis.

gast59522 · 03-10-2013, 21:36

Chiel,

Ga aub ergens anders naartoe met je vragen.. Genoeg = genoeg. Hoeveel topics open jij op uurbasis?

**Chiel Oude Breuil** · 03-10-2013, 21:38

3 maar sorry.

Mvg,

**Wilbert E.** · 03-10-2013, 21:43

Het gaat niet om het aantal het gaat om het niveau. Dit is echt extreem basis javascript.
Daarnaast staat het in de documentatie van de plugin duidelijk beschreven wat je moet doen.

Bxslider werkt niet.