Hallo allemaal,
ik heb voor een vriendin een redelijk eenvoudige site voor haar zaak opgezet. Nu staat er op de index pagina een simpele slider die achtereenvolgens vier afbeeldingen moet laten zien, maar het lukt me niet de slider correct te laten werken. Vooropgesteld dat ik absoluut geen javascript expert ben, vind ik het toch raar dat dit me niet lukt. Maar misschien zie ik iets heel simpels over het hoofd. Hieronder de code van de testpagina in html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test slideshow</title>
<link type="text/css" rel="stylesheet" href="css/lightslider.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/lightslider.js"></script>
</head>
<body>
<script type="text/javascript"/>
$(document).ready(function() {
$("#lightSlider").lightSlider();
});
</script>
<ul id="lightSlider" style="list-style-type: none">
<li><h3><img src="images/slideshow1.png"></img></h3><p>Slide 1</p></li>
<li><h3><img src="images/slideshow2.png"></img></h3><p>Slide 2</p></li>
<li><h3><img src="images/slideshow3.png"></img></h3><p>Slide 3</p></li>
<li><h3><img src="images/slideshow4.png"></img></h3><p>Slide 4</p></li>
</ul>
</body>
</html>
De verwijzingen naar de afbeeldingen klopt, aangezien ik die ook in beeld krijg, alleen staan ze onder elkaar, net zoals de tekst die erbij hoort. Op een of andere manier wordt de jQuery file niet opgepikt. Volgens mij heb ik ook correct verwezen naar de css en js files.
Iemand een briljante ingeving? Ik zie vast iets simpels over het hoofd...
Het laden van de pagina in Chrome duurt overigens lang, dat zal te maken hebben met het ophalen van de js-library op googleapis.com?
Thx!
ik heb voor een vriendin een redelijk eenvoudige site voor haar zaak opgezet. Nu staat er op de index pagina een simpele slider die achtereenvolgens vier afbeeldingen moet laten zien, maar het lukt me niet de slider correct te laten werken. Vooropgesteld dat ik absoluut geen javascript expert ben, vind ik het toch raar dat dit me niet lukt. Maar misschien zie ik iets heel simpels over het hoofd. Hieronder de code van de testpagina in html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test slideshow</title>
<link type="text/css" rel="stylesheet" href="css/lightslider.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/lightslider.js"></script>
</head>
<body>
<script type="text/javascript"/>
$(document).ready(function() {
$("#lightSlider").lightSlider();
});
</script>
<ul id="lightSlider" style="list-style-type: none">
<li><h3><img src="images/slideshow1.png"></img></h3><p>Slide 1</p></li>
<li><h3><img src="images/slideshow2.png"></img></h3><p>Slide 2</p></li>
<li><h3><img src="images/slideshow3.png"></img></h3><p>Slide 3</p></li>
<li><h3><img src="images/slideshow4.png"></img></h3><p>Slide 4</p></li>
</ul>
</body>
</html>
De verwijzingen naar de afbeeldingen klopt, aangezien ik die ook in beeld krijg, alleen staan ze onder elkaar, net zoals de tekst die erbij hoort. Op een of andere manier wordt de jQuery file niet opgepikt. Volgens mij heb ik ook correct verwezen naar de css en js files.
Iemand een briljante ingeving? Ik zie vast iets simpels over het hoofd...
Het laden van de pagina in Chrome duurt overigens lang, dat zal te maken hebben met het ophalen van de js-library op googleapis.com?
Thx!
:strip_exif()/u/21451/spinal150.gif?f=community)
Open eens de devtools en kijk in het Netwerk-tab of je CSS/JS correct wordt ingeladen./u/253667/photo-thumb-398464.png?f=community)
/u/57387/claimedavatar-70.png?f=community){kind=avatar}
door apache krijg je een lokaal IP waardoor je op het http protocol zit. Ga het nou niet moeilijker maken dan dat het is...
:strip_icc():strip_exif()/u/206968/325134.jpg?f=community)
