EnglishjQuery Slider, jQuery Slideshow  DeutschBildergalerie jQuery, HTML Diashow  EspañolGaleria de Imagenes con jQuery, Slide Imagenes Gratis  FrançaisDiaporama jQuery & Galerie D'Image jQuery  ItalianoSlideshow Immagini jQuery, Galleria jQuery  汉语网络幻灯片:jQuery 效果的幻灯片  Português brasileiroSlider jQuery Chocante, Slider de Imagens jQuery  РусскийjQuery слайдер изображений, HTML5 слайдшоу, CSS3 слайдер  SvenskajQuery Bild-Slider & Galleri  日本語jQuery画像のスライダー&ギャラリー  NederlandsjQuery Afbeelding Slider & Gallery  
  • Wordpress Image Slider
  • 綺麗なスキンキラー効果
  • ドラッグ&ドロップジェネレーター、Windows&Mac用
  • Video SupportYoutube & Vimeo
すごい写真スライドショー!

最近のデモ

WOW Sliderの特徴

  • 素晴らしく、独自の切り替え
  • 意匠を凝らしたテンプレート
  • 非常に反応がいい
  • jQuery使用
  • CSSのみのスライダーに簡単に縮小
  • フラッシュは必要ありません
  • すべてのブラウザ、すべてのデバイスで
  • タッチ、スワイプに対応
  • サーチエンジンに優しい
  • キレイで価値のあるマークアップ
  • 軽い(4-12kb)
  • 色んな種類
  • 前/後操作
  • ブレットナビゲーション
  • スピードやタイミング、サイズなどを自分の好みに調整できる

WOW Slider Wizardの特徴・機能

  • ポイント&クリック - コード不要
  • MacとWindows用
  • 画像をドラッグ&ドロップ
  • FlickerやPhotoBucker対応
  • すべてのパラメーターを簡単に手直し
  • Wordpress画像スライダープラグイン
  • Joomla画像スライダー
  • FTPクライアントも入っています
  • ビジュアルのページ挿入
  • 25カ国語インターフェース
  • 画像のソート、回転、サイズ変更
  • スライダーにロゴや透かしを追加
  • プロジェクトの保存/開く

サポート

リクエスト機能、一般的なヘルプ、Mailでのカスタマーサポートがトラブルシューティング用にあります。必ずあなたのブラウザ、オペレーティングシステム、WOW Sliderのバージョン、あなたのページへのリンクなどの詳細を記入して下さい。ほとんどの場合平日なら1日で返信が届きます。初めにFAQを読みそこに答えがないか確認して下さい。

 概要

ここ2年以上で一番強く人気のウェブデザインスタイルはスライダーやカルーセル(回転式)として知られている水平スライディングパネルです。これはウェブサイトの利用性を高め、ユーザーの興味を引く方法としてはとても効果的です。WOW Sliderは素晴らしいビジュアル効果とたくさんの専門的に作られたテンプレートを併せ持つ反応の良いjQuery画像のスライダーです。

WOW Sliderは素晴らしいビジュアル効果 (Rotate, Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack verticalBasic linear)とたくさんの専門的に作られたテンプレートを併せ持つ反応の良いjQuery画像のスライダーです。 WOW Sliderはポイント&クリックウィザードで素晴らしいスライダーをコードも画像編集も無しですぐに作成出来ます。 Wordpress スライダープラグインと Joomla スライダーモジュールも使用可能です。

 フリーダウンロード »

 クイックヘルプ

FAQ

ビデオチュートリアル

Part 1 – 画像をフォルダやあなたの画像スライダーに追加する

画像メニューから、“画像を追加”を選択… あなたが追加したいフォルダの位置を探し画像を選択。他にも”フォルダから画像を追加”、”Flickerから画像を追加”、”Photobucketから画像を追加”も使用出来ます。

Add Images To jQuery Slider : Free Image Slider Maker

WOW Sliderにそれらの画像が入ります。それか、WOW画像スライダーウィンドウに画像(フォルダ)をドラッグ出来ます。その画像はあなたのピクチャーフォルダにコピーされ、自動であなたのウェブスライダーに追加されます。

あなたがjQueryスライダーに追加したくない画像を入れてしまった場合でも、簡単に削除出来ます。フォトスライダーから削除したい全ての画像を選び、”画像を削除”を画像メニューから選択。CTRLを押しながら好きな画像をクリックする事で画像を選択できます。

Add Images To jQuery Slider : Free Photo Slider Maker

Part 2 – キャプションの追加

画像を選択すると、たくさんの情報が表示されます。例えば:

Image info : Free jQuery Slider

  • タイトル - 画像を追加したときこの名前がヘッドラインに自動的に表示されます。
  • 説明 - 画像スライダーに画像のコメントや本文を入力出来ます。
  • Url - ウェブスライダーの画像ごとにリンクを追加出来ます。

Part 3 − 機能編集

このフォトスライダーでは ”右に回る””左に回る” ボタンを使用することで簡単にあなたの画像を替える事が出来ます。

Rotate picture : Free jQuery Image Slider Maker

画像をダブルクリックしてあなたのデフォルトの画像編集プログラムにそれを開きます。画像の色彩調整、赤目補正や画像の不必要な部分のクロップなどもできます。

Part 4 – スライダープロパティ

スライダーメニューからプロパティを選択するか、ツールバーのプロパティボタンを使います。

Properties button : jQuery Image Slider Maker

スライダープロパティウィンドウの一つめのタブでフォトスライダーの名前の変更や、以下のプロパティを有効・無効に変える事ができます:スライダータイトル・スライドショーの自動再生・ショーの説明・ショーの前/後ボタン・ショーのナビゲーション。

First tab : jQuery Image Slider

二つ目のタブでテンプレート、画像のサイズとクオリティ、画面切り替え効果の選択、画像のタイミング、効果の持続期間、そして透かしの変更を選択できます。

Templates window : jQuery Image Slider Maker

エクスポートした画像にいろんなサイズの設定が出来ます。

Export image size : jQuery Image Slider

アウトプットPNGとJPEG形式画像のクオリティを”画像クオリティ”メーター(0%〜100%)を調整することでコントロール出来ます。

Image quality : jQuery Image Slider

以下の画像切り替え効果が使用できます:

    Blinds 効果                 Basic 効果                Squares 効果            Fade 効果

Blinds 効果        Basic 効果        Squares 効果       Fade 効果

Part 5 – WOW Sliderの公開

スライダーをオンラインやテスト用ローカルドライブに公開する準備ができたら、”ギャラリー/公開”へ行き、公開する方法を選択します:”フォルダに公開”、“FTPサーバーに公開”、”ページに挿入”を使ってjQuery画像スライダーを既存のhtmlページにペースト、Joomlaモジュールや WordpressスライダープラグインとしてjQueryスライダーを保存。

Publish to FTP : Image jQuery Slider

  • * フォルダに公開. あなたのハードドライブのローカルロケーションを選択するには、ブラウズボタンをクリックしロケーションを選びます。そしてOKをクリックします。また、”公開後にウェブページを開く”も選ぶことができます。
  • * FTPサーバーに公開. FTPにあなたの画像スライダーをアップする時に、FTPロケーションマネージャーのウィンドウでいくつかのコネクションを記入することができます。

“FTPサーバーに公開”の右にある”編集”をクリックして新しいFTPサーバーを追加することが出来ます。FTPロケーションマネージャーのウィンドウが表示されます。そしてあなたのサイトの有意義な名前(ホスト名ではない)とFTPの詳細を適切な場所に記入します。あなたのホスト名と例えばドメインを記入しなくてはなりません。FTPポートは通常21ポートにありますのですでに記入されているはずです。あなたのウェブサイトが他のポートを使用している場合はそこに記入しなくてはなりません。

あなたのコネクション用のユーザーネームとパスワードを記入してください。これを記入しない場合はWOW Sliderとあなたのサイトをリンクできず、サイトにあなたのフォトスライダーをアップできません。匿名コネクションがこのサイトで可能であれば、パスワードとしてユーザーネームとメールアドレスに匿名(anonymous)と記入して下さい。

あなたのアップした画像を例えば"www/gallery/"に置きたい場合は、ディレクトリーを変更してみてください。公開ウィンドウにあるFTPフォルダ欄に記入できます。

注意:サーバーのフォトスライダーを置きたい場所にフォルダの名前を書いて下さい。この欄を明記しなければならないと分かるために;そうしなければあなたのjQueryスライダーはあなたのサーバーのルートフォルダにアップロードされます!

  • * ページに挿入。 htmlページを選択するには、HTMLページを開くボタンをクリックしてあなたがインストールしたいウェブサイトアルバムのページを選んで下さい。そして開くをクリックします。ページの中をクリックしてスライダーを表示したい場所を選択します。

Insert to page : Image jQuery Slider
Insert page : Image jQuery Slider

”挿入前”と”公開”ボタンをクリックします。

Insert page 2 : Image jQuery Slider

Part 6 – あなたのフォトスライダーをプロジェクトファイルに保存

WOW Sliderを終了するときあなたのプロジェクトに保存しますかと表示されます。そのプロジェクトはあなたが画像スライダーに選んだ画像とすべての設定で出来ています。将来スライダー何かを変えたい時に保存したプロジェクトで変更できます。ですので、はいをクリックし、あなたのプロジェクトの名前を入力して下さい。プロジェクトのロケーションを選択するにはブラウズフォルダボタンをクリックし、別のロケーションを選択して下さい。そして保存をクリックします。

Part 7 – WOW Sliderをあなたのページに追加する

WOW Sliderは専用コードを生成します。それを画像スライダーを追加したい場所にペーストします。

    * あなたのフォトスライダーをWOW Sliderを使ってローカルドライブのテストフォルダにエクスポートします。
    * 生成したindex.htmlファイルをテキスト編集プログラムで開きます。
    * WOW SliderのHEADとBODYタグからすべてのコードをコピーし、それをHEADタグとあなたがjQueryスライダーを置きたい場所(BODYタグの中)にペーストします。

<head>
...
  <!-- Start WOWSlider.com HEAD section -->
   .....
  <!-- End WOWSlider.com HEAD section -->
... </head>
<body>
...
  <!-- Start WOWSlider.com BODY section -->
  .....
  <!-- End WOWSlider.com BODY section -->
...
</body>

    * テンプレートのスタイルは簡単に変える事ができます。生成した”engine/style.css”ファイルを探し、テキスト編集プログラムで開きます。

 ダウンロード


WOW Sliderは商業用以外ではタダでご利用いただけます。学校のサイトや商業用ではないブログ、非営利団体のサイトで使用したい場合のWOW Sliderのダウンロードはフリーです。

商業用でご利用になるにはライセンス料が必要です。WOW Slider商業バージョンにはWOW Slider.comのクレジットの削除とあなたのロゴ画像の表示が出来るようになります。


無料バージョンをダウンロード   商業バージョンをダウンロード

 サポート


リクエスト機能、一般的なヘルプ、Mailでのカスタマーサポートがトラブルシューティング用にあります。必ずあなたのブラウザ、オペレーティングシステム、WOW Sliderのバージョン、あなたのページへのリンクなどの詳細を記入して下さい。ほとんどの場合平日なら1日で返信が届きます。初めにFAQを読みそこに答えがないか確認して下さい。