Web vs Designer[ウェブ vs デザイナー]

パパなりたてWebデザイナーが、仕事やプライベートで気づいたことをデザイン・イラスト・画像・写真などを織り交ぜ公開中

Highslide JS で画像を拡大表示

暑中見舞いのサイトも無事オープンし、ひとまず落ち着いたところで
各ページの細部にも力を入れていこうと、色々作りこんでいます。

サイトの「初めての方へ」というページにスタッフからの暑中見舞い
はがきをイメージした画像を貼り付けたのですが、ただ表示させる
のも面白みがないので、何かいい方法はないかと探していたところ、
小粋空間」様のサイトでHighslide JSに関する記事を見つけました。

以前から存在自体は知っていたものの、何やら複雑そうなので
手を出さずにしましたが、小粋空間様のところでとても詳しく説明
されていたので、それを参考に暑中見舞いサイトで使用してみました。

説明を読みながら設置すると、ローカルでは問題なくHighslide JS
機能したのですが、いざサーバーにアップしてアクセスしてみると
「loading」と出たまま拡大画像が表示されないではありませんか!

o( ̄ー ̄;)ゞううむ、どこが悪かったんだ?
ローカルでは動くのになぜ??

と、悩むこと数時間w
原因が分かりました。

それは画像がjpgではなくgifだったのです。
なるほど、gifは駄目なんですね^^;
背景の透過処理を施した画像だったので、gifでやったのですが
そこが問題だったようです。

jpgで動作確認後、png画像で透過処理を施し差し替えて
問題なく動作しました。

いやあ、大変便利ですねぇ〜。
しかも動きが面白い。
作った人、ホントすごいです。
自分でこんなもの作れたら、きっとすごく楽しいだろうなあと
思った瞬間でした。


補足

拡大された画像に表示される「Powered by Highslide JS」 の
文字を消したいときは、ページ内のスクリプトに
「hs.showCredits = false;」を追加することで消えるようです。



コメント

コメントの投稿

管理者にだけ表示を許可する

トラックバック

http://kazzuu.blog43.fc2.com/tb.php/35-fd70b4f1

 | HOME | 

Calendar

« | 2009-07 | »
S M T W T F S
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -

Monthly

Categories

Recent Entries

Recent Comments

Recent Trackbacks

Appendix

カズクン

カズクン

FC2ブログへようこそ!

FC2Ad

FC2ブログ 紹介予定派遣

  • seo