De PHPhulp kroeg
[jQuery] Background changer in css
Ik ben bezig met een site waarvan ik de background wil veranderen met een time interval, ik heb hier op gezocht en kon geen tut's vinden waarin er gebruik van een css verandering wordt gemaakt.
wie weet hoe ik dit wel maak?
Ik wil iets hebben met
Code (php)
1
var img = ['img1', 'img2', 'ect']
dit is mijn code tot nu toe, maar ik weet niet hoe ik hem werkend krijg?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function slideshow() {
var images = ['banner1.jpg', 'banner2.jpg', 'banner3.jpg'];
var i = 0;
setInterval(function(){
$('body').css('background-image', function() {
if (i >= images.length) {
i=0;
}
return 'url(' + images[i++] + ')';
});
}, 500);
}
Misschien is dat iets voor je, helaas kun je zelf de tijd niet bepalen wanneer er een nieuwe background wordt weergegeven.
R-J K
Gewijzigd op 14/05/2013 20:37:40 door Nick Dijkstra
-> Je maakt een loop.
-> Je kies een willekeurige afbeelding uit een array
-> Daarna zet je een interval zodat hij even wacht.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="application/x-javascript">
window.setInterval(function(){
window.setTimeout(function(){
$('body').css('background-image','url(http://sstatic.net/stackexchange/Img/launched-ads/english.png)');
},3000);
$('body').css('background-image','url(http://www.gravatar.com/avatar/e526fad25155097bcda4a97b26d78993?s=32&d=identicon&r=PG)');
},3000);
</script>
window.setInterval(function(){
window.setTimeout(function(){
$('body').css('background-image','url(http://sstatic.net/stackexchange/Img/launched-ads/english.png)');
},3000);
$('body').css('background-image','url(http://www.gravatar.com/avatar/e526fad25155097bcda4a97b26d78993?s=32&d=identicon&r=PG)');
},3000);
</script>
allen hoe nu verder? een loop lukt niet en een array of var.
javascripting is (nog) niet mijn sterkste kant.
Nu heb ik nog het probleem, als hij overspringt moet hij die afbeelding laden en dat duurt best even, kan ik nu een fadeIn of een fadeOut toevoegen? zo ja waar?
