Hallo,
ich habe eine responsive Website und brauche bei meinen Slider Hilfe. Ich benutze carouFredSel
Die Bilder im Slider sollen sich , je nach device, austauschen.
Alles unter 768px bekommt das kleine Bild und alles darüber die große Desktop Variante.
Mir bereitet allerdings schon das Aufrufen der "Bilder austausch Funktion" Kopfschmerzen.
Wenn ich im Browser das Fenster verkleinere, feuert $(window).resize x-mal.
Es soll so sein:
Ist die Fensterbreite unter 768px, wird die "Bilder austausch Funktion" EINMAL ausgeführt.
Erst wenn die Fensterbreite jetzt wieder über 768px liegt, wird die "Bilder austausch Funktion" EINMAL ausgeführt.
Dazu habe ich schon folgendes:
Jetzt wird die Funktion durch das .one() nur 1x ausgeführt.
Evtl. brauche ich auch einen neuen Denkansatz.... :-(
Gruß
D.
ich habe eine responsive Website und brauche bei meinen Slider Hilfe. Ich benutze carouFredSel
Die Bilder im Slider sollen sich , je nach device, austauschen.
Alles unter 768px bekommt das kleine Bild und alles darüber die große Desktop Variante.
Mir bereitet allerdings schon das Aufrufen der "Bilder austausch Funktion" Kopfschmerzen.
Wenn ich im Browser das Fenster verkleinere, feuert $(window).resize x-mal.
Es soll so sein:
Ist die Fensterbreite unter 768px, wird die "Bilder austausch Funktion" EINMAL ausgeführt.
Erst wenn die Fensterbreite jetzt wieder über 768px liegt, wird die "Bilder austausch Funktion" EINMAL ausgeführt.
Dazu habe ich schon folgendes:
Javascript:
$(window).one( "resize", function() {
var width = $(window).width();
if (width <=768){
/* Funktion zum Austauschen des Bildes der MOBILE Variante*/
}else {
/* Funktion zum Austauschen des Bildes der DESKTOP Variante*/
}
});
Jetzt wird die Funktion durch das .one() nur 1x ausgeführt.
Evtl. brauche ich auch einen neuen Denkansatz.... :-(
Gruß
D.