WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Ken Burns Media Gallery / Slideshow

— アドオンWorldWideScripts.netへ

@ja1wws日付まで滞在するために私達のフィードを購読する!

新しい!あなたがそれを望むように私たちに従ってください!


Ken Burns Media Gallery / Slideshow - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

WordPressのバージョン

ギャラリーは、画像、ビデオ、オーディオインライン電話のiPad互換分インストールケンバーンズエフェクトサムネイルナビゲーションなどをサポートしています!

アップデート

UPDATE 2 0.1 [14/06/2011]

  • autoheight例+ API呼び出しを追加しました

UPDATE 2 0.0 [2011年9月6日]

  • 修正されたバグ
  • フェニックスギャラリーにブランド名を変更 - 同ギャラリーの特徴+より
  • 追加されたサムネイルナビゲーション

はじめに

jQueryのケン・バーンズは、スタイルであなたの写真/広告を披露するのに最適な方法をSlideshowis。 各項目は、別のスライドショーの時間を持って、あなただけのHTMLを変更することによって、それらのリンク、ターゲットや他の多くの個々の設定を編集することができます。

特徴

  • .PNGs、.JPGs、.GIFsをサポートしています
  • API - (ギャラリーの外に)あなたのhtmlから一時停止、再生、gotoNext、gotoPrevを呼び出します
  • autoheight - コンテンツの高さに応じてギャラリーを自動サイズ調整するためのオプション
  • 無制限の項目をサポートしています - あなたが望む限り多くの写真を回転させます
  • スライドショーモード - 各項目のための独立した時間とあなたが提供するHTMLで定義することができます
  • あなたが項目ごとに設定できる値 - 説明(上から記述)、initialZoom(あなたが望む任意の値)、finalZoom、slideshowTime(バナー回転子の滞在時間は、特定の項目に焦点を当てて)、効果時間を焼く(時間あなたが)、URL(URLが設定されていない場合項目はクリックするだけのリンクを持たない形で画像になります)、transitionType(easeInSine、線形など)を取るために効果を願って、初期位置、最終位置は(TOPLEFT、topcenter、topr​​ightから選択し、 middleleft、middlecenter、middleright、BOTTOMLEFT、bottomcenter、BOTTOMRIGHT)
  • お好みのサイズにリサイズ可能 - すべての内容が適切な位置になります

可能なパン位置(最初と最後)

よくある質問

サムネイル ​​の数を設定する方法、私はスライダーで、この肖像画のイメージを持っている4のためのスペースがある間..ナビのみ、それらの2を示していますか?

それは親指の幅/高さと親指空間から自動的に計算だので、あなたは、「ページ」ごとに表示サムネイルの数を設定することはできません。 だから、より多くの親指のためにそれを下げてみてください。 また、別のパラメータ "nav_arrow_size:40"がある - これは(そのようにデフォルト80ピクセルの矢印のために引き算されている)は、各矢印に割り当てられた空間であり、あなたはまた、より多くの親指のためにこれを下げることができます。

それは、画像上のリンク(ないサムネイル​​offcourseメイン画像)はい、確かに、書き込み置くことが可能です

 <a href="#"> <IMG SRC = "IMG / def1.jpg" /> </a>の 

の代わりに

 <IMG srcの= "IMG / def1.jpg" /> 

私は説明にリンクを追加しようとするが、それはスクリプトを壊します

Propablyあなたはこのような何かをやっています

BAD:

 データ記述は=「私のリンクはこちら</a> <a href="http://something">です」 

問題は、データの記述から「内部のhrefが壊れる」ということです。 ソリューションは、「使用」の代わりであります

いい :
 データ記述は=「私のリンクはこちら</a> <a href="http://something">です」 
こんにちは。 私はphoenixgalleryのオートスライドを停止することができますどのように

あなたはパラメータを持っています

 targetgallery.phoenixgallery({ transition_type:「ランダム」、 nav_type:「thumbsa」、 nav_position:「アップ」、 thumb_width:100、 thumb_height:75、 thumb_space:20、 nav_space:25、 nav_arrow_size:40、 settings_shadow:「オフ」、 settings_autoresize:「オフ」、 settings_autoheight:「オフ」、 settings_pauseonrollover:「オフ」、 settings_usethumbarrows:「オフ」、 transition_strips_x:10、 transition_strips_y:5、 arrows_normal_alpha:1、 arrows_roll_alpha:0.3、 thumbs_normal_alpha:1、 thumbs_roll_alpha:0.3 }) 
スライドショーを無効にするには、単に新しいパラメータsettings_slideshowを追加し、このようにそれをオフに設定
 targetgallery.phoenixgallery({ transition_type:「ランダム」、 nav_type:「thumbsa」、 nav_position:「アップ」、 thumb_width:100、 thumb_height:75、 thumb_space:20、 nav_space:25、 nav_arrow_size:40、 settings_shadow:「オフ」、 settings_autoresize:「オフ」、 settings_autoheight:「オフ」、 settings_slideshow:「オフ」、 settings_pauseonrollover:「オフ」、 settings_usethumbarrows:「オフ」、 transition_strips_x:10、 transition_strips_y:5、 arrows_normal_alpha:1、 arrows_roll_alpha:0.3、 thumbs_normal_alpha:1、 thumbs_roll_alpha:0.3 }) 
私がイメージにズーム効果はもはや機能をリンクに追加するいくつかの理由。

属性データinitialZoom、データfinalZoom、データeffectTimeなどがギャラリーのdivの直接の子にする必要がありますので、それはです。 例えば、あなたが持っている場合

 

効果は動作しますが、あなたは、このようなリンクを追加した場合
 <a href="#">します</a> 
効果は動作しません。 あなたはとてもようなギャラリーの直接の子に属性を移動する必要があります。
 <a href="#" data-finalzoom="2">します</a> 

クレジット

クリエイティブの写真- http://www.flickr.com/photos/markjsebastian/

ダウンロードしてください
このカテゴリー内の他のコンポーネントこの著者のすべてのコンポーネント
コメントよくある質問と回答を求めた

プロパティ

作成:
2 8月10日

最終更新:
N / A

推奨ブラウザ:
IE7、IE8、IE9、Firefoxの、サファリ、オペラ、クローム

含まれるファイル:
JavaScriptのJS、HTML、CSS

ソフトウェアバージョン:
jQueryの

キーワード

eコマース, eコマース, 全商品, 矢印, カスタムナビゲーション, 効果, ギャラリー, 画像, ケン・バーンズ, 数, パン, 写真のサポート, 回転子, スライドショー, サムネイル, トランジション, ビデオのサポート, ズーム