Door
wout den Daas
op 19-12-2014 14:36
gewijzigd op 19-12-2014 14:42
1.262 views
beste forum bezoekers ik heb van een vriend een script gekregen die automatisch foto's laad uit een aangegeven map. nou kan ik alleen maar 1 extension aangeven maar ik heb er eigelijk 2 nodig want ik heb foto's met .jpg en foto's met .JPG. Nu heb ik zelf al een aantal dingen geprobeerd zoals dood gewoon een extension toe te voegen dan werkt het script niet meer. gedaan door var extension = ".jpg" ; extra toe tevoegen en var extension = ".jpg , .JPG" ; werken allebij niet. ook .jpg weg gehaalt dan haalt hij alle bestanden in die map op dus ook tumb.db wat niks is en dan krijg je een kruis je te zien.
wie kan mij hier mee helpen?
met vriendelijke groet wout
<!-- The carousel -->
<div class="owl-carousel"></div>
<script>
$(document).ready(function () {
var owl = $('.owl-carousel');
var dir = "webfotos/bloemen";
var extension = ".jpg" ; // Make an ajax request to the specified dir
$.ajax({
url: dir,
success: function (data) {
// On succesfull request find all images with the extention
$(data).find("a:contains(" + extension +")").each(function () {
// Add the images to the carousel div
$('.owl-carousel').append($("<div class='item'><img src=" + $(this).attr('href') + "></img></div>"));
});
// Execute the carousel
owl.owlCarousel({
items: 1, margin: 10,
nav: true,
loop: true,
autoplay: true
});
}
});
});
</script>
Wat heb je dan precies aangepast? Misschien is de implementatie verkeerd?
^
var owl = $('.owl-carousel');
var dir = "webfotos/Allerlei";
var extension = [".jpg", ".JPG"];
document.getElementById("demo").innerHTML = extension.valueOf(); ; // Make an ajax request to the specified dir
$.ajax({
url: dir,
success: function (data) {