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, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Miscellaneous

GalleryGen - Image Gallery HTML Code Generator

— アドオンWorldWideScripts.netへ

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

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


GalleryGen -  Image Gallery HTML Code Generator - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

それがどのように動作するかの良いアイデアを得るために、このビデオプレビューを参照してください

すべてのWeb開発者は、イメージのギャラリーに対処する必要がある。 これは画像の束を見上げ含まれ、それらのパスと名前を取得し、その後、標準的なHTMLレイアウトに入れ、また、画像のキャプションやタイトルが含まれています。 このプロセスは、非常に面倒になることができます。

GalleryGenは、そのプロセスの負担を軽減することを目指しています。 これは、ライトボックスの画像ギャラリーやスライドショーなどが画像ギャラリー、のHTMLコードを生成します。 代わりにイメージを見つけるためにPHPを使用するには、HTML5とJavaScriptを使用しています。

主な機能は以下のとおりです。

  1. ファイルダイアログウィンドウやドラッグ&ドロップしいずれかから画像を選択。 画像の複数選択は、どちらの場合も可能です。
  2. 周りをドラッグして選択した画像をソートします。
  3. リストから選択した画像を削除します。
  4. 選択された画像のライトボックスのプレビュー。
  5. 二つのギャラリーオプション - ライトとスライドショー。
  6. タイトルがアンカータグとイメージのALT属性とtitle属性の属性を入力します。
  7. スライドショーのために - オプションは、各画像の後に/前のスライドショー、画像ごとにラッパー、およびカスタムHTMLコードの任意のラッパーを入力します。
  8. 発電機は、有効なHTMLコードを出力する。
  9. したがって、「コードの選択」ボタンをクリックすると、簡単に全体を、生成されたコードをコピーすることによって生成されたコードを選択します。 生成されたコードは、「のcontentEditable "属性を使用して編集可能です。

利用可能なコードの出力オプションについて知るためにはスクリーンショットを見てください。 何PHPが使用されていないため、この発電機は、ローカルで実行することができます。

注:この発電機は、最新のHTML5の技術を使用していますので、これらの技術をサポートする最新のブラウザで正常に実行されます。 現時点では、これらは、Firefox 3.6+、クロム7.0以降、オペラ11.10+が含まれています。 Chromeは発電機がローカルで実行されたときにいくつかの制限があり、それはまだ正しいコードを出力しますが、任意の画像を表示しません。 発電機はサーバーから実行された場合、それはChromeで正常に動作します。 存在のFirefoxにはこのような合併症がなく、発電機は、あなたがそれを実行した場所からそこに関係なく正常に動作します。 オペラではまだHTML5のドラッグ&ドロップのサポートはありません。 だから、発電機に画像をドラッグするだけでファイルダイアログウィンドウからそれらを選択することはできません。

2011年7月26日更新 - バージョン1.1

  • クリックされたときは、このように、簡単に、ユーザーが迅速に生成されたコードをコピーできるようにすること、全体に生成されたコードを選択し、「コードの選択」ボタンを追加しました。
  • モーダルオーバーレイボックスで生成されたコードのための領域は現在、「のcontentEditable "属性を使用して編集可能です。
  • ライトボックスは、時には間違ったサイズで開いた選択された画像のライトボックスのプレビューのバグを修正しました。
  • CosmoCoderのその他のアイテム

    ショーフォト、音楽、ビデオモードのフィルタリングFunctionaUty複数のギャラリーセットは、流体応答デザイン二カラースキームに複数の設定をサポートするサポートする2つのディスプレイを横に卵子

    イメージ用のギャラリー、オーディオ、ビデオCoverfiowサムネイル表示モードフィルタ項目はftot V.deos OLOSタイプのカスタムカテゴリを流体応答性設計のタッチスクリーンのサポートCCGaNer HTM5 MULTIMEDIA GA1ERYを提出

    トランジションは、スライドトランジションカスタムHTMLコンテンツのHTMLキャプションオプション毎に応じたレイアウトのタッチのナビゲーションを遷移する


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

プロパティ

作成された:
12月24日10

最終更新日:
7月26日11

推奨ブラウザ:
IE10、IE11、Firefoxの、サファリ、オペラ、クローム、ソフトウェアバージョン

キーワード

eコマース, すべてのアイテム, ドラッグ&ドロップ, ギャラリー, 発電機, HTML5, 画像, JavaScript, ライトボックス, ライトボックスギャラリー, スライドショー