ホーム > HTML/CSS/Ajax > shadowbox実装

shadowbox実装

2009 年 3 月 2 日

これまで制作したサイトは画像の拡大表示にLightboxを使ってきましたが、このブログでは試験的にshadowboxを使ってみました。本当は
Highslide JSを試そうと思ったのですが、個人使用以外はライセンスが必要なようなのでやめました。

様々なライブラリとの併用が可能なのも選んだ理由のひとつ。「これ使いたいけどjQueryとぶつかって動かないんだよな~」なんてことは結構ありますから、この点は大きなポイントですね。また、画像以外にもFlashやwmv、iframeを利用したHTMLも表示できるのでポップアップウィンドウを使いたくない場合にも有効です。

こんな感じ→サンプル

設置はgihyo.jpに詳細が載っていますのでそちらを参考にしました。WPのテンプレートに埋め込んで使う場合は、「初期設定コード」などのパス修正だけは必要です。http://~の絶対パスで書けば問題ないかな?

HTML/CSS/Ajax

  1. コメントはまだありません。
  1. トラックバックはまだありません。