Ich verwende Swipeview
( Ссылка ), um ein touch-fähiges carousel
zu erstellen, das auf einem iPhone und Android funktioniert. Die Grundlagen funktionieren super.
Mein Problem beginnt, wenn ich versuche, 25% der nächsten Folie pr als Standard anzuzeigen. Die Idee ist, dass der Benutzer 1/4 der nächsten Folie / des nächsten Bildes sehen kann, was sie dann dazu bringen sollte, das Bild zu gleiten, um die nächste Folie / Bild zu zeigen. Das erste Bild verschwindet dann, das zweite Bild wird zu 100% sichtbar, nach links ausgerichtet, und das dritte Bild ist dann zu 1/4 sichtbar. Und so weiter.
Ich habe versucht, die div.style.cssText
(in swipeview.js
) so zu ändern, dass sie eine Breite von 75%
anstatt der Standard 100%
hat. Dies funktioniert beim ersten Laden, aber wenn ich scrolle, ist der Teil des zweiten Bildes, der auf Folie 1 sichtbar war, jetzt auf Folie 2 versteckt.
Ich machte eine Geige, um zu demonstrieren: Ссылка (teste es in Chrome und versuche, das Bild nach links zu ziehen)
Irgendwelche Ideen, wie ich swipeview.js
an meine Bedürfnisse anpassen kann?
Sie können dies nur mit CSS erreichen. Fügen Sie den Elementen einfach einen Skalierungseffekt hinzu.
%Vor%Auschecken: Ссылка
Tags und Links javascript jquery swipeview