WOW Slider

WOW Slider の概要や使い方を紹介しています

WOW Slider を紹介しているページです
 はてなブックマークに追加  Twitter でつぶやく  Facebook でシェア  mixi でつぶやく  google+ で共有  Pocket に登録

jQuery で動作するスライドショーを一発生成!「WOW Slider」。

WOW Slider
制作者 WOWSlider.com
対応 -

Download (E メール入力必須)

● WOW Slider

jQuery で動くスライドショーを、超簡単な操作で作成することができるソフト。
ドラッグ&ドロップで放り込んだ画像ファイルを元に、スタイリッシュでエフェクト感のあるスライドショーを手軽に作成することができます。
基本的に、素材画像 / スライドショーのテンプレート / トランジション効果 (画像の切り替え効果) の種類 / 出力サイズ 等を指定するだけで使えるようになっています。

「WOW Slider」は、超簡単に使えるスライドショービルダーです。
ドラッグ&ドロップで放り込んだ画像ファイルを元に、jQuery で動くエフェクト感たっぷりなスライドショーを作成することができる... というシンプル (だけど高性能) なスライドショー作成ツールです。
(スライドショーは、Flash なしの環境でも再生できます)
デモギャラリー
操作は基本的にテンプレートを選ぶだけで、インターフェースも (7 割くらい) 日本語に対応しているので結構使いやすいです※1
※1 テンプレートは、全部で 40 種類ある。
(バージョン 4.2 )

一応、

  • (スライドショーの) 自動再生のON / OFF
  • サムネイルプレビュー機能のON / OFF
  • スライドショー本体のサイズ
  • 画像切り替え効果の種類※2
等のオプションを設定できるようになっています。
※2 全部で 16 種類ある。
素材として使うことができるのは、bmp / dib / rle / jpg / jpeg / jpe / jfif / gif / emf / wmf / tif / tiff / png / ico 形式の画像ファイル。
任意のMP3 音声を、BGM として使うこともできたりします。

使い方は以下のとおり。

    ダウンロード
  1. 「WOW Slider」をダウンロードするには、メールアドレスの入力が必要です。
    ダウンロード先のページ
    • Your Name - 名前
    • Your Email - メールアドレス
    入力 し、「DOWNLOAD NOW!」ボタンをクリックします。
  2. するとダウンロードリンクが表示されるので、「wowslider-win-setup.zip」をダウンロードします。
    日本語化
  1. 「WOWSlider.exe」を実行します。
  2. メニューバー上の「Options」→「Language」から「Japanese」を選択します。

  3. 素材の設定
  4. スライドショーの素材としたい画像ファイルを、画面中央にドラッグ&ドロップします。
  5. リストに追加された画像を選択し、下部の欄で画像の
    • タイトル - スライドショー内で表示される画像のタイトル
    • Add Description - スライドショー内で表示される画像の説明
    • URL - 画像をクリックした時にジャンプするURL
    • Target - URL の開き方
    といったオプションを設定しておきます。
    (必要な場合のみ)

  6. スライドショーの設定
    よくわからなければ、そのままでもOK です。
  7. ツールバー上の プロパティ ボタンをクリック。
  8. スライドショーの プロパティ画面 が表示されます。
    ここで、
    • 作成するスライドショーのタイトル
    • 自動でプレイ(再生)させるかどうか
      • Pause on mouseover - マウスオーバーで一時停止させる
      • Stop slideshow after one loop - ループ再生はさせない
      • Random order - 画像をランダムで表示
    • Pause/Play button - 一時停止 / 再生 ボタンを付ける
    • On-demand image loading - 画像は、要求があった時に読み込む
    • Use relative path to image in project※3 - 画像は相対パスで指定する?
    • Use default page color - 背景には、デフォルトの背景色を適用する
    • プレイオーディオファイル - MP3 音声の再生を行う
    • 戻る / 次へ ボタンを表示させるかどうか
    • (素材画像の) 説明を表示するかどうか
    • Remove frame and shadow - スライドショー本体に、フレームと影を付けない
    • Show bullet navigation / Filmstrip - ブレット※4 や、サムネイルナビ を表示させる
        Bullet navigation - ブレットを表示する
      • 上 or 下 - ブレットを表示させる位置
      • Thumbnail preview - ブレットをマウスオーバーした時に、サムネイルを表示させる
        Filmstrip - サムネイルナビを表示する
      • 整列 - ナビの表示位置
    • サムネイルサイズ
    といったオプションを設定しておきます。
    ※3 このオプションのチェックON / OFF 時での違いが分かりませんでした...
    ※4 画像選択ボタンのようなもの。

  9. スライドショーの設定 2
  10. 続いて、画面上部の イメージ ボタンをクリック。
  11. スライドショーのスタイル等に関する設定画面 が表示されます。
    最初に左上の「テンプレート」欄で、作成するスライドショーのスタイルを選択します。
    (任意のスタイルを選択すると、該当スタイルのプレビューが左下に表示される)
  12. 次に、右側の欄で
    • イメージサイズ - スライドショー本体のサイズ
    • 保存の縦横比率 - 素材画像のアスペクト比を維持するかどうか
    • 小さいイメージを拡大させるかどうか
    • 大きなイメージを縮小させるかどうか※5
    • Image fill color - 画像の背景色
    • イメージの品質
    • トランジションエフェクト - 画像を切り替える際のエフェクト効果
    • スライドショーの間隔時間 - 画像一枚あたりの表示時間
    • 効果重複時間 - トランジションエフェクトにかける時間
    といったオプションを設定しておきます。
    (フリー版では、「WOWSlider.com」の透かしを外すことができません)
    ※5 縮小させない場合、画像はスライドショーのサイズに合わせてトリミングされる。

  13. スライドショーの出力
  14. 最後に、画面上部の 書き出し ボタンをクリックします。
  15. スライドショーの出力設定画面 が表示されます。
    ここで、スライドショーの出力先を設定し、右下の「書き出し」ボタンをクリックすればOK です。
    出力先として「ページに挿入」を選択した場合、続けて 挿入先選択画面 が表示されます※6
    ※6 挿入先となるファイルの文字コードは、UTF-8 でなくてはならない?模様。
    (EUC / Shift_JIS / Unicode の場合、テキストが文字化けする&まともに保存されない)
    書き込み先のファイルがUTF-8 でない場合は、一時的に文字コードを変換しておくとよい。
    (メモ帳で開く →「ファイル」から「名前を付けて保存」で文字コードを変換できる)

    この画面が表示されたら、スライドショーの挿入先とする場所をクリック※7 → 画面下部にある「前に挿入」ボタンをクリックし、それから「書き出し」ボタンをクリックします。
    (ページ内の任意の部分をクリックすると、該当の箇所が緑色でハイライトされる)
    ※7 スライドショーは、選択した箇所の直前に挿入される。
    プレビュー画面上では、スライドが 左寄せな感じで配置されたり他の要素に被ったりする感じ で表示されるが、実際には中央寄せして綺麗に配置される。

 はてなブックマークに追加  Twitter でつぶやく  Facebook でシェア  mixi でつぶやく  google+ で共有  Pocket に登録
WOW Slider TOPへ
スポンサード リンク
 おすすめフリーソフト
 Orchis

シンプルで使いやすいランチャー

 GIMP

超高機能なペイントソフト

 xrecode II

多形式に対応したオーディオコンバーター

 Avidemux

多形式に対応した動画編集ソフト

 MiniTool Partition Wizard Free

パーティションをあれこれ操作できるソフト

 Unchecky

アドウェアのインストーラー検出時に、警告を表示

 Zoom for Microsoft Edge

ウェブページの拡大率(表示倍率)を、詳細に調整できるようにする Microsoft Edge 拡張機能

 Dark Skin for Youtube / Dark Theme for YouTube

YouTube の " ダークモード " を、面倒な設定なしで実装できるようにする(ChromeFirefox

 Magical Jelly Bean Wi-Fi password revealer

パソコン内に保存されている Wi-Fi ネットワークのパスワードを、リストに一覧表示

 リボンの君とHTM

選択したセルの内容を、テーブルレイアウトな HTML に変換できるようにする Excel アドイン

 DriverStore Explorer

デバイスドライバーのインストール&削除 を行うことができるドライバー管理ツール

 VTchromizer

ネット上のファイルを、ダウンロードする前にウイルスチェックできるようにする Chrome 拡張

 おすすめフリーソフト
 MediaCoder

多くのフォーマットに対応したマルチメディアコンバーター

 Aria Maestosa

シンプルで使いやすいMIDI 作曲ソフト

 Howard Email Notifier

Gmail / Outlook.com 等々のメールサービスに対応したメールチェッカー

 DAEMON Tools Lite

各種イメージファイルを、ドライブとして扱えるようにするソフト

スポンサードリンク

WOW Slider を紹介しているページです