ホームページ > 記事 > ウェブフロントエンド > jQuery プラグインは、同じページの複数回の呼び出しをサポートします_jquery
バージョン 1.2 に更新されました。IE6 にはプラグイン エラーが発生してビルド関数が完了するコンソールがないため、コールバック関数のコンソール出力デバッグを削除しました。 複数のプロンプト情報ボタンがサポートされており、このバージョンは最新の安定バージョンです。
より詳細なデータ書き込み形式の指示、ビルド時の HTML 形式の指示、および詳細なオプション パラメーターの指示は、近い将来提供される予定です。補足的なコンテンツ タイプの切り替え表示ケース。
紹介:
jquery imageShown プラグインは、さまざまな形式のコンテンツ回転切り替えを実行できますが、私が提供するデモはすべてナビゲーション駆動の回転イメージですが、コンテンツ切り替え、つまり、Simply Picture の機能も実行できます。ホイール表示機能、ニュース情報ホイール表示。 言い換えれば、このプラグインは適切なパラメータを使用してあらゆる形式のコンテンツを表示できます。
このプラグインは、上下左右の 4 方向にナビゲーションを表示でき、背景のスライド アニメーションを個別に設定でき、再生領域のアニメーションを個別に設定でき、表示領域内のナビゲーションの数を設定できます。設定が間違っていたり、無理がある場合は、プラグイン内部でリセットされます。プロンプト情報の表示と表示アニメーションを個別に設定できます。詳細については、デモ関連コンテンツを参照してください。
注: Tab 関数を使用する場合、pContent をコンテンツに設定する必要があります。表示領域のサイズは固定されているため、サイズが不明なコンテンツはコールバック関数で処理してください。
プラグインは、要求されたリソースが存在するかどうかを内部で判断します。たとえば、エラーが発生した場合、パラメーターで提供されるデフォルトの表示情報を直接表示することができます。同時に、エラー領域を処理することもできます。コールバック関数。コールバック関数を使用すると、返されたパラメータを受け取ることができます。
戻りパラメータの説明:
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的当前值。
次の開発計画:
data パラメーターを使用したくない場合、または使用できない場合は、表示する必要があるコンテンツを固定形式で HTML ページに記述し、build コマンドを使用してプラグインに残りの部分を完了させることができます。コンテンツ自体
例:
$('elem').imageShown('bulid'); $('elem').imageShown('bulid',{'options'}); $('elem').imageShown('bulid','option','value');
自動再生を一時停止および再開するための外部インターフェイスを提供し、コールバック関数で使用できるようにします。 追加の手順と例を提供します。
デフォルトパラメータ:
id: null、
ナビスペース: 47、
pWidth: 0 、
pHeight:0 、
navNum: 4、
navPlace: null、
自動再生: true、
autoTime: 4000、
イベント: 'mouseenter'、
tbgAnimate: true、
tbgSpeed: '速い'、
追加:false、
ステップ: 1、
スクロール速度:'速い'、
不透明度:0.6、
データ: null、
ループ: true、
プレイヤー: true、
animate: 'fade',//left,right,top,bottom,fade,none
//deepNav: false,
showTips: true、
ヒントアニメーション: 'フェード',//フェード,スライド
選択済み: 1、
コールバック: null、
プリロード: true、
ターゲット: '_blank'、
pスピード:500、
pType: false、
tContent:'image',//num,none,image,content
listPlace:null、
ヒントボタン:false、
loadClass: 'img-player-loading',
pContent:'画像'
使用法:
$('elem').imageShown({'options'});
セッター:
$('elem').imageShown('option',{'options'}); $('elem').imageShown('option','option','value');
ゲッター
var option = $('elem').imageShown('option','option name');
ビルド機能が完了すると、より信頼性の高いパラメーターと構成手順が提供されます。
同時に、buid は拡張された形式でリリースされます。つまり、build 関数を使用する必要がある場合は、追加のファイルを導入する必要があります。これの目的は、ファイル サイズの問題を解決することです。
プラグインは多くの悪用を受けてきましたが、テストの結果、メモリ リークの問題はまだ見つかっていません。テストプラットフォーム: ie6、firefox3.6、windows2003
上記は、同じページの複数回の呼び出しをサポートするためにエディターによって導入された jQuery プラグインの全体的な説明です。皆様のお役に立てれば幸いです。