Le plug-in jQuery prend en charge la même page appelée plusieurs fois_jquery

Mise à jour vers la version 1.2. Supprimez le débogage de la sortie de la console de la fonction de rappel, car il n'y a pas de console sous IE6 qui provoquerait des erreurs de plug-in et terminerait la fonction de build. Plusieurs boutons d'informations d'invite sont pris en charge et cette version est la dernière version stable.

Des instructions plus détaillées sur le format d'écriture des données, des instructions sur le format HTML pendant la construction et des instructions détaillées sur les paramètres des options seront fournies dans un avenir proche. Vitrine de commutation de type de contenu supplémentaire.

Introduction :

Le plug-in jquery imageShown peut effectuer diverses formes de commutation de rotation de contenu. Bien que toutes les démos que je propose soient des images de rotation basées sur la navigation, il peut également effectuer une commutation de contenu, c'est-à-dire qu'il peut compléter la fonction Simply Picture. fonction d'affichage de la roue, affichage de la roue des informations d'actualité. En d’autres termes, ce plug-in peut afficher n’importe quelle forme de contenu avec des paramètres raisonnables.

Ce plug-in peut afficher la navigation dans quatre directions, haut, bas, gauche et droite. L'animation de glissement d'arrière-plan peut être définie indépendamment, l'animation de la zone de lecture peut être définie indépendamment et le nombre de navigations dans la zone d'affichage peut être défini indépendamment. être réglé indépendamment à chaque fois. Si le paramètre est erroné ou déraisonnable, il s'agira d'une réinitialisation interne du plug-in. Si les informations d'invite sont affichées et l'animation d'affichage peut être définie indépendamment. Veuillez vous référer au contenu lié à la démo pour plus de détails.

Remarque : lorsque vous utilisez la fonction Tab, vous devez définir pContent sur le contenu et, comme la zone d'affichage a été fixée en taille, veuillez gérer le contenu de taille inconnue dans la fonction de rappel.

Le plug-in a déterminé en interne si la ressource demandée existe. Par exemple, si une erreur se produit, vous pouvez directement afficher les informations d'affichage par défaut fournies dans les paramètres, et vous pouvez également gérer la zone d'erreur dans la fonction de rappel. La fonction de rappel vous permet de recevoir les paramètres renvoyés.

Description des paramètres de retour :

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的当前值。 

Prochain plan de développement :

Lorsque vous ne souhaitez pas ou ne pouvez pas utiliser le paramètre data, vous pouvez écrire le contenu qui doit être affiché dans la page HTML dans un format fixe, puis utiliser la commande build pour laisser le plug-in terminer le reste. le contenu tout seul

Par exemple :

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

Fournit une interface externe pour mettre en pause et redémarrer la lecture automatique, afin que vous puissiez l'utiliser dans la fonction de rappel. Fournissez des instructions et des exemples supplémentaires.

Paramètres par défaut :

identifiant : nul,
espace de navigation : 47,
pLargeur : 0 ,
pHhauteur:0 ,
numéro de navigation : 4,
navPlace : nul,
lecture automatique : vrai,
heure automatique : 4000,
événements : 'mouseenter',
tbgAnimate : vrai,
tbgSpeed : 'rapide',
supplémentaire : faux,
étape : 1,
scrollSpeed : 'rapide',
opacité :0,6,
données : nulle,
boucle : vrai,
joueur : vrai,
animer : 'fondu',//gauche, droite, haut, bas, fondu, aucun
//deepNav : faux,
showTips : vrai,
astucesAnimer : 'fondu',//fondu,glisser
sélectionné : 1,
rappel : nul,
précharge : vrai,
cible : '_blank',
pVitesse : 500,
pType : faux,
tContent : 'image',//num, aucun, image, contenu
listePlace:null,
conseilsBtn : faux,
loadClass : 'img-player-loading',
pContenu : 'image'

Utilisation :

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

passeur :

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

getter

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

Une fois la fonction de construction terminée, des paramètres et des instructions de configuration plus fiables seront fournis.

Dans le même temps, buid sera publié sous une forme étendue, c'est-à-dire que lorsque vous devrez utiliser la fonction build, vous devrez introduire des fichiers supplémentaires. Le but est de résoudre le problème de taille de fichier.

Le plug-in a subi de nombreux abus et aucun problème n'a été trouvé pour le moment. Les performances ont été très bien gérées. Après les tests, aucun problème de fuite de mémoire n'a été trouvé. Plateforme de test : ie6, firefox3.6, windows2003

Ce qui précède est la description complète du plug-in jQuery introduit par l'éditeur pour prendre en charge l'appel multiple de la même page. J'espère que cela sera utile à tout le monde.