Einfache swipe-Galerie mit javascript jQTouch iphone / ipad

Was ich Wünsche, zu erreichen, ist eine einfache Galerie der Bilder, die der Benutzer kann swipe durch die Verwendung von jQTouch ( http://jqtouch.com )

<div id="container">
<img src="1.gif">
<img src="2.gif">
<img src="3.gif">
</div>

Die Bilder sind ziemlich lang, zum Beispiel 200px in der Breite jedem. Der container selbst ist 300px breit, mit verstecktem überlauf.

Was ich mir Wünsche, geschehen wird, wenn der Benutzer Eingaben in die Kombüse container, es zieht die Bilder Links/rechts.

Bisher habe ich den Behälter zu erhalten, streichen Sie Ereignisse und welche Richtung es ist, aber um ehrlich zu sein habe ich absolut keine Ahnung, wo Sie gehen von dort aus.

Jede Beratung geschätzt.

Vereinbarte, daß die Beispiele sind reichlich vorhanden, aber die tatsächliche Exposition von code oder tutorials wird schmerzlich vermisst!

InformationsquelleAutor Roflcart | 2010-08-23

  1. 8

    Haben, kommen Sie über diese demo?

    "Photo Gallery" und "Fotogalerie 2" kann das sein, was Sie wollen. Und wenn Sie nur wollen, um Fotos und einige Untertitel, es sollte Recht einfach zu setup:

    jQT.generateGallery("pageID",
    [
    {src:"http://www.site.com/somepic.jpg"},
    {src:"pic1.jpg",caption:"Test Image 1"}
    ],
    {defaultIndex:1}
);

    Benötigen Sie das jQT-Foto-extension: jqt.photo.js und jqt.photo.css.

    InformationsquelleAutor William Niu

  2. 6

    Überprüfen Sie heraus dieses leichte, mobile slider habe ich gerade veröffentlicht. Streichen in der Lage sein könnten, Ihr problem zu lösen 🙂

    Qualität link, nice one 🙂
    Sehr schön. Ich mag, dass es unabhängig. Vielen Dank für das teilen.
    Ein paar Minuten in diese, und begann zu denken, dass jQTouch nicht über eine swipe-Effekt..
    Vorgeschlagen Bearbeiten für diese ein: broken link, geändert links zu github + swipejs.com. Jedoch, der Vorschlag war zurückgewiesen durch Gemeinschaft. Jetzt, Gemeinschaft bekommen konnte Leim aus diesem Kommentar 🙂

    InformationsquelleAutor Brad Birdsall

Schreibe einen Kommentar