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

Responsive Gridfolio

— アドオンWorldWideScripts.netへ

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

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


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ENVATOに従ってください FACEBOOKに従ってください

2013年9月27日バージョン1.2リリース日

  • IE8に関連するバグを修正しました。
  • IOSとAndroidの最新のアップデートに関連したバグを修正しました。
  • 改善されたモバイル性能。

2013年7月24日バージョン1.1リリース日

  • 複数のカテゴリのサポートは、もちろんそれはまだ前に、単一のカテゴリを使用することができる。
  • ライトボックスにインラインフレームをサポート。
  • ライトボックスの説明は、AutoOpen(情報ボタンを押さずに開いたアイテムの説明)。
  • アイテムエリア外を押してライトボックスを閉じるために余分な方法を追加しました。
  • windows8のモバイル用MSPointerイベントのサポートが追加されました。
  • 6余分なスキンを追加しました。

主な特長:

応答Gridfolioは、流体/柔軟な/応答レイアウトになっています。 基本的に、グリッドはあなたの択一のDIVにHTMLページに追加され、それが(そのDIVの幅ベースのグリッドの高さは、サムネイルに基づいて変更され、他の要素は、グリッドのdivの下にある場合、それらは自動的にプッシュされる文書を適応さだ流れ)。 提供された例では、あなたが他の構成も可能で、もちろん、このグリッドを使用する可能性のあるいくつかの方法を見ることができます(この例のコードは、ダウンロードファイルで提供されていることに注意してください)​​。

ギャラリーは、任意の数の画像を有することができ、各画像は、任意のサイズであってもよいが、基部、親指の幅と高さに比例する。 サムネイル ​​は、どちらかを選択することができ、我々は、コーディングした元のメディアライトを表示するために、または新しいページを開くために押されたときに、このウェブページのURLを、ターゲットが指定することができる。 ライトボックスは、画像を表示することができ、またはYouTubeやVimeoのからロードされた映像を表示することができます。

JavaScriptのコード純粋なOOP、jQueryのまたは他のライブラリの無い使用法は、このようにjQueryのか、他のJavaScriptライブラリを使用している場合があり、HTMLページとの非互換性はありません。

応答Gridfolioは HTML5の標準を使用して、GPU( ハードウェアアクセラレーション使用しています。 レンダリング速度と性能は、モバイルデバイス上のデスクトップコンピュータや、最も重要なのは、それはそれはCSS3を使用しようと、これは使用できない場合は、IE7IE8のような古いブラウザ用CSS2またはCSS1に秋ダウン意志の動作方法で非の打ちどころのないです。

モバイルデバイス上で素晴らしいパフォーマンス、あなたは!、それがコード化された、モバイルデバイス用に最適化された、それだけでネイティブアプリのように動作するデモビデオで見ることができますし、それは、デスクトップコンピュータ上の100パーセントモバイル互換性があり、当然のことながら、それが実行されると同じように素晴らしいですIE7IE8のような古いブラウザに含む。 私たちは、IPAD3(IOS)とSAMSUNG GALAXY S3( アンドロイド )上でそれをテストして、それが両方のデバイスに大きな実行されます、以下に。このデモを表示するリンクですサムスンギャラクシーS3(アンドロイド)で実行されているデモを見るか、 見る上で実行されているデモIPAD(IOS)。

グリッド主な機能:

応答/柔軟な/流体レイアウト :あなたは基本的にそれがプロジェクトの任意のタイプのための完全な候補と適応レイアウトになって、CSSやJavaScriptを使用してグリッドのサイズを制御することができます。

任意の数の画像と各画像のサポートは、任意のサイズであってもよいが、ベース親指の幅と高さに比例することができ

全体の色のテーマを変更することができる。

カスタマイズ可能なサムネイル ​​のサイズとジオメトリー :この機能を使用すると、サムネイル ​​のサイズとサムネイル ​​の間のスペースを変更することができます。

カスタマイズ可能なサムネイル ​​境界線と背景 :各サムネイル ​​は、境界線と背景、サムネイル ​​の背景色を持つことができ、境界線のサイズと境界線の色は、サムネイル ​​の境界線の色を選択した色に通常の色からトゥイーンすることができ、また、カスタマイズ可能です..

サムネイル ​​の説明やサムネイル ​​メディアのアイコン :各サムはその下の透明な背景やリンク、動画や画像を表すメディアのアイコンと簡単な説明を持つことができ、これが表示されているマウスがサムネイル ​​の上にあるときに、テキストがでフォーマットすることができますCSSは、背景色と不透明度はまた、(オプション)変更することができる。

「負荷よりサムネイル ​​機能」:これは、このようにしていないすべてのサムネイル ​​がロードされ、一度に表示ので、荷重の全体的なパフォーマンスとスピードを向上させる素晴らしい機能です。 あなたは120サムネイルの合計を持っている場合たとえば、あなたが50サムネイルの最初のセットがロードされ、表示され、「負荷よりサムネイル」ボタンを次へ]を押したときにされている50サムネイルのセットでそれらを表示し、そのように当初は、グリッド内のことができます50サムネイルのセットがロードされ、表示され、「負荷よりサムネイル」ボタンをもう一度押すと、最終的に20の残りのサムネイルが示されているされている。 セットごとにロードするサムネイルの数はカスタマイズ可能です、それはそれはあなたが考える任意の数値を指定できます。50である必要はありません。 それはすべてのサムネイルがロードされ、表示され無効になっている場合、この機能は、オプションです。

カスタムプレスサムネイル ​​アクション :サムネイル ​​を押したときにどちらかを選択することができ、このウェブページのURLとターゲットが指定することができ、私たちはコード化されている元のメディアをライトボックスを表示するために、または新しいWebページを開きます。 ライトボックスは、画像を表示することができ、またはYouTubeやVimeoのからロードされた映像を表示することができます。

主な機能をライトボックス:

応答/柔軟な/流体レイアウト :lighboxが常に利用のブラウザのビューポートを記入します。

全体の色のテーマを変更することができる。

VimeoのやYouTubeのサポート :あなたがしなければならないすべてはあなたが表示するようにしてlighboxはあなたのビデオを表示し、再生されますしたいYouTubeやVimeoのビデオからのリンクを含めることです。 各ビデオのサイズ(幅と高さ)を容易に設定することができる。

画像のためのズームとパンのサポート:あなたがして画像を拡大または縮小することができますし、イメージをパンすることができ、この方法であなたは非常に詳細(オプション)で画像を見ることができる。

スライドショーボタン (オプション)。

スライドショー遅延、スライドショーの遅延は、秒単位で設定することができる。

スライドショー自動再生。

カスタムのアニメーショングラフィックスをスライドショー。

次に、前のボタンナビゲーション(オプション)。

情報ボタンと情報ウィンドウ :各lighbox項目が記述を持つことができ、テキストやウィンドウ外観は、CSS(オプション)でフォーマットすることができます。

カスタマイズ可能な境界線と背景 :境界線のサイズや色、また、メインの背景色はカスタマイズ可能です。

キーボードのサポート :左と右の矢印は、(オプション)ナビゲーションに使用することができます。

アップデート

2013年7月3日 - それはChromeとモバイルデバイスのためのより良い検出に拡大された場合をライトボックスに関連するバグ修正。


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

プロパティ

作成された:
18 2月13日、最終更新日

推奨ブラウザ:
IE7、IE8、IE9、IE10、IE11は、Firefox、Safariは、オペラ、クローム、ファイルが含ま

キーワード

eコマース, すべてのアイテム, アンドロイド, アプリ, ダイナミック, 柔軟, fliudwidth, フルスクリーン, ギャラリー, グリッド, gridfolio, IFRAME, IOS, マルチメディア, 応答, サムネイル, 動画