プロフィール

mshp0723(旧Mikaん星人アワー)

Author:mshp0723(旧Mikaん星人アワー)
ごらんいただきありがとうございます。マルチクリエイタ・クリエイティブ起業家のmikaん星人アワーです。webコンテンツ関連お仕事をしています。

■お仕事関連サイト■
仙台スマホ対応ワードプレスサイト制作・アトリエSS


webサイト制作・運用関連事例
・食品店さま ネットショップ制作
・音楽スクールさま webサイト制作
・楽器奏者さま 再生プラグイン埋め込みサイト制作
・エクステリア施工企業さま webサイト企画
・飲食店さま webサイト制作
・支援団体さま サイト制作
・一般企業さま 会社案内サイト企画
・支援団体さま fc2ブログカスタマイズ
・その他 メディア/アフィリエイト運用ブログカスタマイズ



よろしくお願いいたします。

最近の記事

カテゴリー

ホームページ制作ねた~ディティールを見せるためサムネイル画像をクリック拡大~いつもはcssだけど趣向を変えてlightboxで。

こんにちわ。

マウスオーバーとかで画像拡大がすげー助かる理由は、疲れ目で細かいもの見るのがつらいからな、mikaん星人アワーです。

というわけで、週末は、サイトに画像拡大機能をつけていました。


いつもは、画像拡大はcssで、マウスがのっかったときと、そうでないときにそれぞれサイズとかを指定して
cssマウスオーバー拡大イメージ201204031
こんな風に、一瞬ででっかくなるやつをやっていましたが、今回は趣向を変えてlightboxにしました。


個人的には、
cssは一回読み込むと一瞬で動作するので、スピーディに見せたいとき利用

lightboxはじっくり見せたいとき

(スクリプトで表示ははやくできるけど)

とおもうので、状況に応じて選択するとよいでしょう。


んで、お取引先さまのwebサイトに設置してみました。今回は仙台国分町 居酒屋・お食事処 まんま処きふくwebサイトに設置しました。マスター、ご利用ありがとうございます。

こちらのページにつけてみました。

サムネイルをこんな風にならべて
lightbox サムネイル画像201204032

クリックで画像拡大
lightbox クリックで拡大201204033


というように、メニュー写真をじっくり見せるのには適しています。飲食店メニューや、(塾・スクールなどで)講義風景、商品ディティールなど、いろいろなサイトに使えるでしょう。
(ググればつけ方はでますが、)不明な場合はぜひご連絡を。

他のサイトにもつけてみます。



■当ぶろぐ管理人へのwebサイト制作・運用のご用命はこちら


んでわまた♪

にほんブログ村 地域生活(街) 東北ブログ 仙台情報へにほんブログ村 ベンチャーブログへにほんブログ村 音楽ブログへ


(↑面白かったらクリックお願いいたします♪)
関連記事
スポンサーサイト
このエントリーのタグ: webサイト制作 lightbox
トラックバック
トラックバック送信先 :
コメント

リンク(相互大歓迎♪)

月別アーカイブ