Flexslider/ carousel funktioniert nicht

tomasu

Aktives Mitglied
Thread Starter
Dabei seit
21.06.2006
Beiträge
852
Reaktionspunkte
0
Moin Leutz

Ich hoffe, ich finde eine richtige Formulierung um mein Problem zu beschreiben.

Ich habe mehrere Flexslider in eine Seite eingebaut.
Die Seite passt sich automatisch auf PC ,das iPad ,iPhone horizontal & vertikal an.

Der flexslider funktioniert wunderbar in der horizontalen beim iPhone.

Sobald ich aber das iPhone vertikal halte funktioniert nur der erste Slider.
Alle anderen lassen sich nicht mehr Sliden.

Gibt es dafür eine Erklärung?



Beste Grüße

Tom
 
Hallo,

ein Link zur Seite wäre hilfreich. Einfach PN oder hier.

Tritt das Problem nur auf mobilen Geräten oder auch im normalen Browser, sobald du die Browsergröße entsprechend klein anpasst, auf?

Gruß
 
Hallo Sp0tlight,

Vielen Dank für deine Antwort .

Hier der link,

http://j-t.company/products.html

Ja,das Problem tritt auch im Browser auf, wenn ich die Größe ändere.

Grüße

Tomasu
 
Hallo tomasu,

in deiner style.css bitte folgendes (befindet sich im @media only screen and (max-width: 767px) Block):

Code:
.es-carousel ul li {
 width:202px !important;
 padding-left:1px;
}

Durch das hier ersetzen:

Code:
.es-carousel ul li {
 width:193px !important;
 padding-left:0px;
}

Ähnlich im nächsten Block (@media only screen and (min-width: 480px) and (max-width: 767px)):

Code:
.es-carousel ul li {
 width:162px !important;
 padding-left:0;
}

ersetzen durch:

Code:
.es-carousel ul li {
 width:156px !important;
 padding-left:0;
}


Anbei, du hast ein bisschen Redundanz - vieles lässt sich entschlanken. Z.b. reicht in deiner product.html folgendes vollkommen um nicht jeden Slider einzeln initialisieren zu müssen:

Code:
$(function(){
	jQuery('.es-carousel-wrapper').each(function(){
		jQuery(this).elastislide( {
	         	speed		: 450,
			easing		: '',
			imageW		: 173,
			margin		: 27,
			border		: 0,
			minItems	: 1,
			current		: 0
		});
	});
})

Gruß
 
Zuletzt bearbeitet:
Hallo Sp0tlight,

Vielen Dank für deine Hilfe.
Es funktioniert einwandfrei und ohne Probleme.
Wirklich super.
Ich schreib dir noch eine PN.

Viele Grüße
Tomasu
 
Zurück
Oben Unten