Wie benutze ich diese api von jquery-plugin supersized

Hallo bin mit supersized-plugin. Ich will verändern Sie den Inhalt in die Seite, je nachdem, welche Folie eingelegt ist. In der Dokumentation fand ich die api für die, aber konnte nicht herausfinden, wie es zu tun.

Unten ist ein copy-paste aus der Dokumentation

Thema.afterAnimation( )

Läuft jedes mal, wenn eine Folie übergang abgeschlossen ist.

trigger : after each slide transition

http://buildinternet.com/project/supersized/docs.html#theme-after

Wenn ich will, um prompt alert('slide changed!'); nach jeder Folie ändern, wie wäre es?
Ich kann es nicht verstehen, wie diese apis' verwendet werden könnte.

Diejenigen sind einige ziemlich nutzlos docs. Werfen Begriffe wie " API " und "Thema" rund um die jetzt mit Erklärung der Funktionsweise der beiden oder irgendein Beispiel mit Ihnen (soweit ich das sagen kann). Was ich getan habe verstehen, nach der Suche auf "Google docs" und den code für eine Weile, ist, dass die callback - afterAnimation besteht nur in einem Thema (was auch immer das ist). Keine Möglichkeit zu nehmen, die es als option bei der Initialisierung der slideshow selbst.

InformationsquelleAutor esafwan | 2011-08-01

15

Ich bin der Schöpfer von Riesigem und ich wollte pop in hier und Ihnen helfen, begradigen Sie diese aus.

In der eigentlichen download, befindet sich hier, werden Sie feststellen, dass innerhalb der Diashow-Ordner gibt es einen theme-Ordner, getrennt von der js-und css-Ordner - das ist der Bereich, konzentrieren wir uns auf.

Supersized läuft in zwei teilen:
1. Den base-Dateien (js/supersized.3.2.x & css/supersized.css), die enthalten die Basis-Funktionen wie übergänge, nächste/Vorherige Folie, und alle die anderen wesentlichen Komponenten.
2. Den theme-Dateien (im theme-Ordner) die Ihnen erlauben, ändern Sie die Diashow mit den Anpassungen, wie Sie bereits erwähnt, oder Dinge wie Fortschrittsbalken und custom content für jede Folie. Diese sind voneinander getrennt, um zu verhindern, dass Sie verlieren die Anpassungen werden jedes mal, wenn es ein update für die base-Dateien, das war der Fall in früheren Versionen.
In den laden, ich habe die Shutter-Thema, was ich gedacht für Menschen zu verwenden als Grundlage für Ihre eigene Entwicklung. Mach dir keine sorgen über das berühren der base-Dateien - Sie rufen automatisch die theme-Dateien, das ist, wo alle Ihre änderungen gehen wird.

Wenn Sie eröffnen theme/supersized.shutter.js, werden Sie feststellen, es gibt viele Funktionen innerhalb des Themas Objekt-literal - das ist der Ort, wo Sie drop in das Thema Funktionen in der Dokumentation beschrieben. Beachten Sie, dass Sie müssen aktualisieren Sie den Pfad auf der demo-html-Seite auf diese Datei verweisen, sobald Sie Sie Bearbeiten, da Sie standardmäßig zeigt es die minified theme/supersized.shutter.min.js.

Wenn Sie einen Bildlauf nach unten supersized.shutter.js, werden Sie feststellen, die afterAnimation Funktion, die Sie suchen - dieser ist, wo können Sie stecken Sie in die alert('Slide Changed'); Linie.

Von dort aus bist du frei zu Streifen heraus, was Funktionen, die Sie nicht benötigen, und bauen Sie Ihr sehr eigenes Thema.

Hoffe, das hilft und vielen Dank für das plugin!

Besten,
Sam Dunn
- Sehr gute Erklärung. Ich danke Ihnen sehr.
- Vielen Dank für das tolle plugin, Sam! Ich habe ein ähnliches problem, obwohl - es ist über den Aufruf einer API-Funktion wie die goTo(targetSlide). Die Frage wurde bereits gefragt, herekönnten Sie vielleicht einen Blick? Danke!
- FYI Sie scheinen nicht zu die /theme/ Ordner in Ihrem downloads, das könnte sein, warum die Menschen verwirrt sind. Es ist auf GitHub, aber. EDIT: Gerade gemerkt, ich habe den Download der älteren Versionen, wie die person oben -- dachte das big green link war nur eine überschrift. Unterstrichenen link styling FTW...
- wie funktioniert das api-Steuerelement arbeiten? dies ist das Beispiel aus den docs wirft aber einen Fehler; $('#goto').klicken Sie auf(function(){ api.goTo(3); }); Fehler " Can 'T find variable: api'
- Sam, können Sie klären, wie die api zu verwenden? Seine nicht klar, viele Benutzer und es gibt keine einfache Beispiel. api ist nicht definiert im globalen Bereich und es ist nicht klar, wie man darauf zugreift.
- Ich bin nicht zu verstehen, wie Zugriff auf die API, da ist es nicht definiert. Es wäre hilfreich, Sie zu dokumentieren, oder ein praktisches Beispiel, bitte Sam.
- Ich kann sehen, wie ein Thema wie die goTo-Methode() aufgerufen werden würde, aus dem Kern-Thema. Aber was ich nicht herausfinden kann, ist, wie Sie tatsächlich rufen Sie die goTo () - Methode der core selbst. Ich muss nur trigger eine goTo () - Aufruf von an anderer Stelle im code, also brauche ich einen Griff auf das api-Objekt oder ein goTo () - Methode direkt. Können Sie bitte klären, wie das funktionieren sollte? Dank
- OK, so sieht es aus, als ob das api-Objekt im globalen scope verfügbar, einfach durch aufrufen von api.goTo(). Ich wurde davon ausgegangen, diese wäre einem Namensraum.
InformationsquelleAutor Sam Dunn

Habe ich versucht mein eigenes theme und dieser arbeitete für mich:

(function($){
    theme = {
        _init : function(){
            console.log('hi im supersized');                
        },
        afterAnimation:function(){
                console.log('Slide Changed');
        }
    };
})(jQuery);

InformationsquelleAutor nazzilla

0

Können Sie dieses Skript verwenden:
```
$('.selector').vTicker('init');
    theme.afterAnimation = function() {
    alert('slide changed!');
};
```
- Antworten sind in der Regel verbessert, indem ein bit der Erklärung eher als ein code-snippet.
- Bitte erläutern Sie mehr, um es eine gute Antwort! Prost!
InformationsquelleAutor nixis

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.