
日本一わかりやすい
ライトボックス(linghtbox)の設置方法と使い方
ライトボックス(linghtbox)とは?
ライトボックス(linghtbox)とはLokesh Dhakar氏(ナニジン?)が開発し無料で公開している、商品撮影したあとの画像を超オシャレに表示させることができるツールです。Lokesh
Dhakarさん、ありがとう!
ライトボックス(linghtbox)のサンプル
では設置方法と使い方を説明する前に、ライトボックス(linghtbox)を使うとどれだけ画像がオシャレに表示されるか、実際にサンプルをご覧下さい。下のサムネイル画像をクリックして下さい。
ライトボックスの設置代行も行っています
ここから下はライトボックスの設置方法の説明です。以下を読んでも、設置が面倒!という方はお気軽にお電話下さい。有料にてあなたのHPに設置代行も行っています。
簡単5ステップでできる!ライトボックスの設置方法と使い方
当店の商品撮影キットでオシャレに商品撮影したあとは、ライトボックスを設置しましょう。
このサイト名は、「日本一わかりやすいライトボックス(lightbox)の設置と使い方」です。このサイト名に偽りなきよう、とっても簡単に設置方法と使い方を5ステップで説明します。
ライトボックス(linghtbox)の設置方法と使い方
ステップ1、ライトボックス(linghtbox)の設置に必要なファイルをダウンロードする
こちらからライトボックスを無料ダウンロードして下さい。
ステップ2、ダウンロードしたファイルを解凍する
lightbox.zipという名前のzipファイルがダウンロードされますので、このソフトを解凍ソフトを使って解凍します。

ステップ3、「css」・「images」・「js」の3つのフォルダをアップロードする
lightbox.zipを解凍してできた3つのフォルダを、ライトボックス(linghtbox)を使いたいページと同じ階層にアップロードして下さい。

ステップ4、ライトボックス(linghtbox)を使いたいページにタグを記入する
ライトボックス(linghtbox)を使いたいページの<head></head>内に以下の4行のタグを挿入して下さい。
ステップ5、ライトボックス(linghtbox)を使いたい場所にタグを挿入する
ライトボックス(linghtbox)を使いたい場所に以下のタグを挿入して下さい。
上記のタグの中で、あなたが変更するのは3箇所です。
- "画像のソース" → 例) "/image/jpg/sample.jpg"
- "好きなメッセージ" → 例) "これは夏の富士山の風景です"
- サムネイル画像のソース → 例) <img src="/image/jpg/sample_mini.jpg>
以上でライトボックスの設置と使い方の説明は終わりです
いかがでしたか?意外と簡単にライトボックス(linghtbox)が設置できたと思います。ホームページ作成後にネットショップを開業して自分のデジカメで商品撮影を行ったあとにライトボックスを設置してみてはいかがでしょう。なお商品撮影テクニックもご覧下さい。

料理や商品の撮影ブースは【ミニスタジオ撮影キット】
|