Das jQuery-Plug-in unterstützt den mehrfachen Aufruf derselben Seite_jquery

Aktualisiert auf Version 1.2. Löschen Sie das Konsolenausgabe-Debugging der Callback-Funktion, da es unter IE6 keine Konsole gibt, die Plug-In-Fehler verursacht und die Build-Funktion abschließt. Es werden mehrere Eingabeaufforderungsinformationsschaltflächen unterstützt, und diese Version ist die neueste stabile Version.

Ausführlichere Anweisungen zum Datenschreibformat, Anweisungen zum HTML-Format während der Erstellung und detaillierte Anweisungen zu Optionsparametern werden in naher Zukunft bereitgestellt. Vitrine zum Wechseln des Inhaltstyps mit ergänzendem Inhalt.

Einführung:

Das jquery imageShown-Plug-in kann verschiedene Formen der Inhaltsrotation durchführen. Obwohl es sich bei allen von mir bereitgestellten Demos um navigationsgesteuerte Rotationsbilder handelt, kann es auch die Inhaltsumschaltung durchführen, d. h. es kann die Tab-Funktion vervollständigen Radanzeigefunktion, Nachrichteninformationsradanzeige. Mit anderen Worten: Dieses Plug-in kann jede Art von Inhalt mit angemessenen Parametern anzeigen.

Dieses Plug-in kann die Navigation in vier Richtungen anzeigen: nach oben, unten, links und rechts. Die Hintergrundgleitanimation kann unabhängig eingestellt werden, die Animation des Wiedergabebereichs kann unabhängig eingestellt werden und die Anzahl der Navigationen im Anzeigebereich kann unabhängig eingestellt werden jedes Mal unabhängig eingestellt werden. Wenn die Einstellung falsch oder unangemessen ist, wird das Plugin intern zurückgesetzt. Ob die Eingabeaufforderungsinformationen angezeigt werden und die Anzeigeanimation kann unabhängig voneinander eingestellt werden. Weitere Informationen finden Sie im Demo-Inhalt.

Hinweis: Wenn Sie die Tab-Funktion verwenden, müssen Sie pContent auf Inhalt setzen. Da die Größe des Anzeigebereichs festgelegt wurde, verarbeiten Sie bitte Inhalte unbekannter Größe in der Rückruffunktion.

Das Plug-in hat intern ermittelt, ob die angeforderte Ressource vorhanden ist. Wenn beispielsweise ein Fehler auftritt, können Sie die in den Parametern bereitgestellten Standardanzeigeinformationen direkt anzeigen die Callback-Funktion. Mit der Callback-Funktion können Sie zurückgegebene Parameter erhalten.

Beschreibung der Rückgabeparameter:

id //当前Dom的ID，在你页面未设置ID的情况下这个ID会是插件自动生成的唯一值。 
total //轮显内容的数量 
/* 
当前选择的第一个内容区域，当你loop设置为false时此内容就是页面Dom中的index值，当loop为true时导航区域需要根据 attr('data-index')来获取当前的index。player区域不受loop限制，永远为当前内容的index值 
*/ 
selected 
curNav//当前导航，可以通过 attr('data-missing')来确认内容是否正常加载。 
curPlay//当前显示的主要内容，可以通过 attr('data-missing')来确认内容是否正常加载。 
curData//你传入数据data的当前值。 

Nächster Entwicklungsplan:

Wenn Sie den Datenparameter nicht verwenden möchten oder können, können Sie den anzuzeigenden Inhalt in einem festen Format in die HTML-Seite schreiben und dann den Build-Befehl verwenden, damit das Plug-in den Rest erledigt der Inhalt selbst

Zum Beispiel:

$('elem').imageShown('bulid'); 
$('elem').imageShown('bulid',{'options'}); 
$('elem').imageShown('bulid','option','value'); 

Bietet eine externe Schnittstelle zum Anhalten und Neustarten der automatischen Wiedergabe, sodass Sie sie in der Rückruffunktion verwenden können. Stellen Sie zusätzliche Anweisungen und Beispiele bereit.

Standardparameter:

id: null,
navSpace: 47,
pWidth: 0 ,
pHeight:0 ,
navNum: 4,
navPlace: null,
autoPlay: wahr,
autoTime: 4000,
Ereignisse: 'mouseenter',
tbgAnimate: wahr,
tbgSpeed: 'schnell',
zusätzlich:false,
Schritt: 1,
scrollSpeed:'fast',
Deckkraft:0,6,
Daten: null,
Schleife: wahr,
Spieler: stimmt,
animate: 'fade',//left,right,top,bottom,fade,none
//deepNav: false,
showTips: stimmt,
TippsAnimieren: 'fade',//fade,slide
ausgewählt: 1,
Rückruf: null,
Vorspannung: wahr,
Ziel: '_blank',
pGeschwindigkeit:500,
pType: false,
tContent:'image',//num,none,image,content
listPlace:null,
TipsBtn:false,
LoadClass: 'img-player-loading',
pContent:'image'

Verwendung:

$('elem').imageShown({'options'}); 

Setter:

$('elem').imageShown('option',{'options'}); 
$('elem').imageShown('option','option','value'); 

Getter

var option = $('elem').imageShown('option','option name'); 

Nach Abschluss der Build-Funktion werden zuverlässigere Parameter und Konfigurationsanweisungen bereitgestellt.

Gleichzeitig wird Buid in erweiterter Form veröffentlicht, das heißt, wenn Sie die Build-Funktion verwenden müssen, müssen Sie zusätzliche Dateien einführen. Der Zweck besteht darin, das Dateigrößenproblem zu lösen.

Das Plug-in wurde häufig missbraucht und es wurden vorerst keine Probleme festgestellt. Die Leistung wurde sehr gut gemeistert. Nach dem Testen wurde kein Problem mit einem Speicherverlust festgestellt. Testplattform: ie6, Firefox3.6, Windows2003

Das Obige ist die vollständige Beschreibung des vom Herausgeber eingeführten jQuery-Plug-ins, um das mehrfache Aufrufen derselben Seite zu unterstützen. Ich hoffe, dass es für alle hilfreich ist.