destroy backstretch
mrgreen
- javascript
Hallo
ich habe 2 Scripts, 1. eine jquery/backstretch slideshow, 2. die funktion enquire.register, um backstretch zu stoppen bei kleineren Devices als 1024px.
Das funktioniert soweit beim 1. Bild der Slidshow, die folgenden werden aber wieder angezeigt. Wie kann ich also backstretch definitiv 'destroyen'?
Danke für eure Hilfe!
<script>
// Create an array of images that you'd like to use
var images = ["http://pascalgruenenfelder.ch/wp-content/uploads/bg/BGfyo.jpg",
];
// A little script for preloading all of the images
// It's not necessary, but generally a good idea
$(images).each(function(){
$('<img/>')[0].src = this;
});
// The index variable will keep track of which image is currently showing
var index = 0;
// Call backstretch for the first time,
// Here was the first backstretch-instance
// Set an interval that increments the index and sets the new image
// Note: The fadeIn speed set above will be inherited
setInterval(function() {
index = (index >= images.length - 1) ? 0 : index + 1;
$.backstretch(images[index], {speed: 2000});
}, 10000);
</script>
<script>
enquire.register('screen and (min-width: 1024px)', {
match: function() {
$.backstretch(images[index], {speed: 1});
},
unmatch: function() {
$.backstretch('destroy');
}
});
</script>
Mahlzeit,
Wie wärs, wenn du backstretch erst dann startest, wenn es benötigt wird? Es pauschal zu laden und dann wieder zu killen, wenn der Viewport zu klein ist, ist ein totaler Konzeptfehler.
Wäre ja als wenn der Airbag im Auto beim Anlassen erstmal aufgeht und sich dann wieder einfaltet, wenn doch kein Unfall ist.
Hast natürlcih Recht, Danke für deine Antwort.
Hab ne Lösung gefunden.
Cheers Pascal