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

Complete Image Styles & Effects

— アドオンWorldWideScripts.netへ

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

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


Ads

Ad: Bluehost hosting

このツールは、印象的なスタイルとしかCSS3とJavascript ( jQueryの)を使用して、任意のウェブサイトの画像のための効果を作成します。 。。それは多くのスタイルやそれらのほとんどを組み合わせることができる効果をサポートしています。組み合わせは何百ものです! 。

。あなたが簡単に作成し、あなたのスタイルをテストすることができますエディタを使用。次に、これらのスタイルを生成し、あなたのウェブサイトに含めるコードを含むファイルをエクスポートします。最後に、あなたは、単に彼らに正しいCSSクラス名を追加することで、画像にスタイルを適用する。 。

。サポートされているスタイルとエフェクト

次のスタイルと効果がサポートされています。それらのほとんどは、組み合わせが、一緒に働くことができないそれらのいくつかがあることができます。だから、ステップであなたのスタイルのステップを活性化し、毎回テスト結果がいいですあれば、それは正常に動作している場合。 。

  • 。国境。
  • 。カットアウト。
  • 。コーナーカール。
  • 。ダブルアウトライン。
  • が。エンボス。
  • 。外部キャプション。
  • 。フロート。
  • 。フレーム。
  • は。光沢のオーバーレイ。
  • 。輝く。
  • 。水平方向のカーブ。
  • 。内部のキャプション。
  • 。持ち上げコーナー。
  • 。マージン。
  • 。不透明。
  • 。視点。
  • 。ポップ。
  • 。隆起したボックス。
  • 。リフレクション。
  • 。回転
  • 丸みを帯びたコーナー。
  • 。ラウンド画像。
  • 。影。
  • 。振る。
  • を。サイズ。
  • 。スライディング。
  • は。キャプション。
  • 。テープ。
  • 。ツールチップ。
  • は。縦のカーブ。
  • 。トランジション。

。このツールは、 18既成のスタイル/あなたで使用できるエフェクトが含まれています。 。

。それがどのように動作する。

。このツールは、あなたが望むイメージスタイルとエフェクトを作成し、テストするのに役立ちますエディタが含まれています。 。。このエディタを使用して、あなたはプログラミングの知識の必要性を避ける。以下に、あなたは、エディタの2つのスクリーンショットを見ることができます。 。

III III II 。 II 、 。

。スタイルと効果の組み合わせは、 "ビュー"を形成。あなたが望むように多くのビューを作成することができます。各ビューは、Webサイトの画像に適用することができます。ビューの名前は、定型化されたようにするために、画像に追加されるCSSクラス名である。 。

。あなたはビューを終了した後、エディタは1 CSSファイルと、あなたのウェブサイトに含まれる2つのJavaScriptファイルを作成します。 (あなたのサイトのjQueryをロードしないなら、あなたはまた、エディタからjQueryのファイルを取得します。 )次に、各画像のclass属性を使用して画像に作成したスタイルを適用する。前に言ったように、ビューの名前は、イメージに追加されたCSSクラス名です。例えば、画像HTMLコードが。。 src="images/project.jpg">を<img 。は。行われます<img src="images/project.jpg" class="my-style-1"> 。.

。いいえ高度なプログラミング知識が、単純なHTMLを必要とされない。あなたはあなたが必要なファイルがあなたのウェブサイトには含まれるが、これについてのヘルプドキュメントがある場合には注意する必要があります。 。

。このツールが含まれています何。

。このツールをダウンロードするだけの一般的な種類のファイルを含むzipファイル( 775キロバイト) ( HTML、CSS 、 JS 、 jpg、pngなどとTXT )を受け取る。これらのファイルの中であなたが使用しようとしているものは以下のとおりです。

  • 。 editor.html 。。 :これは、メインファイルです。これは、画像のスタイルとエフェクトを作成するエディタです。 。
  • 。プラグインについての文章:編集者とどのようにあなたのウェブサイトのイメージにスタイルや効果を適用する方法を使用する方法についてのドキュメントをヘルプ。 。
  • 。 demos.html 。。 :ただ、このツールの機能を示すために既製のスタイルとエフェクトのコレクション。また、あなたはあなたのウェブサイトにそれらを使用することができます。 。
  • 。 demos.txt 。。 :エディタでそれらをロードし、それらを変更したり、それらを直接使用するためのデモスタイルや効果のデータを保存しました。 。

。また、次の項目があなたのウェブサイトに含まれます。 。

  • 。 cisae.js 。。 :すでに作成されたファイルと使用する準備。 。
  • 。 cisae.css 。。 :は、エディタによって作成されます。 。
  • 。 Javacscriptコード:エディタによって作成されるJavaScriptコードの数行。 。

。注意。

  • 。スタイルや効果は、他の複雑なCSSスタイルを適用するか、またはJavaScriptコードは、それらを操作されている画像には適用できません。 。
  • 。あなたは、同じ画像に複数のビューを適用することはできません。 。
  • 。このツールは、 Joomlaのとワードプレスで作業することができます。 。

。裁判。

。完全なイメージのスタイルとエフェクトのトライアル版は、すべてのスタイルと効果が、それらのほんの数をサポートしていません。この制限を除いて、ツールの残りの部分は正常に動作している、あなたはそれの実際のテストを作成し、それはあなたのニーズに合ったことを確認することができそう。 。

。試用版のダウンロード

。このツールの詳細については


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

プロパティ

最終更新:
25 10月12日、 、ソフトウェアバージョン

キーワード