probleem laden van extensions
wie kan mij hier mee helpen?
met vriendelijke groet wout
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!-- 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>
<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>
- Aar -:
Gelieve in het vervolg bij code de [code][/code]-tags gebruiken.
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Gewijzigd op 19/12/2014 14:42:04 door - Ariën -
http://www.w3schools.com/js/js_array_methods.asp
En met http://www.w3schools.com/jsref/jsref_indexof_array.asp of een item voorkomt.
Kun je het volgende aan het begin van je script toevoegen?
Dan worden er foutmeldingen getoond en kun je die met ons delen.
Frank Nietbelangrijk op 19/12/2014 15:26:41:
Hallo Wout,
Kun je het volgende aan het begin van je script toevoegen?
Dan worden er foutmeldingen getoond en kun je die met ons delen.
Kun je het volgende aan het begin van je script toevoegen?
Dan worden er foutmeldingen getoond en kun je die met ons delen.
helaas lukt dat niet me script valt uit en krijg geen fout melding, sorry
misschien belangrijk mijn website draait op .aspx file's
Gewijzigd op 19/12/2014 15:44:50 door wout den Daas
Frank Nietbelangrijk op 19/12/2014 15:26:41:
Hallo Wout,
Kun je het volgende aan het begin van je script toevoegen?
Dan worden er foutmeldingen getoond en kun je die met ons delen.
Kun je het volgende aan het begin van je script toevoegen?
Dan worden er foutmeldingen getoond en kun je die met ons delen.
Heh? Het gaat hier over JavaScript, en jij komt met PHP aan :-P?
Toevoeging op 19/12/2014 15:43:38:
Wout den Daas op 19/12/2014 15:16:53:
ik heb het even geprobeerd alleen als ik dat toevoeg valt me hele script uit :(
Leg eens uit wat je precies gedaan hebt?
- Aar - op 19/12/2014 15:43:09:
Heh? Het gaat hier over JavaScript, en jij komt met PHP aan :-P?
Toevoeging op 19/12/2014 15:43:38:
Leg eens uit wat je precies gedaan hebt?
Frank Nietbelangrijk op 19/12/2014 15:26:41:
Hallo Wout,
Kun je het volgende aan het begin van je script toevoegen?
Dan worden er foutmeldingen getoond en kun je die met ons delen.
Kun je het volgende aan het begin van je script toevoegen?
Dan worden er foutmeldingen getoond en kun je die met ons delen.
Heh? Het gaat hier over JavaScript, en jij komt met PHP aan :-P?
Toevoeging op 19/12/2014 15:43:38:
Wout den Daas op 19/12/2014 15:16:53:
ik heb het even geprobeerd alleen als ik dat toevoeg valt me hele script uit :(
Leg eens uit wat je precies gedaan hebt?
ik heb jou scripts toegevoegd en aangepast aan extension maar dan laad hij gelijk helemaal geen foto's meer.
dat heb ik ook met franks script gedaan
- Aar - op 19/12/2014 16:50:31:
^Wat heb je dan precies aangepast? Misschien is de implementatie verkeerd?
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
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) {
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) {
Toevoeging op 19/12/2014 17:32:30:
Je zou dit kunnen doen:
Code (php)
1
var extensions = [".jpg",".JPG"];
en dan in de success functie:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
for(var i=0 ; i<extensions.length ; i++) {
$(data).find("a:contains(" + extensions[i] +")").each(function () {
// Add the images to the carousel div
$('.owl-carousel').append($("<div class='item'><img src=" + $(this).attr('href') + "></img></div>"));
});
}
$(data).find("a:contains(" + extensions[i] +")").each(function () {
// Add the images to the carousel div
$('.owl-carousel').append($("<div class='item'><img src=" + $(this).attr('href') + "></img></div>"));
});
}
Gewijzigd op 19/12/2014 17:35:08 door Frank Nietbelangrijk