タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

lightboxに関するwanbeのブックマーク (2)

  • 頭脳外部メモリー » Post Topic » 「Shadowbox」 設置説明 java script

    前回の、 「Highslide.js」 に続いて、またまた画像などの表示スクリプト「Shadowbox」 の設置です・・・σ(^◇^;)ヒヤアセ このスクリプトの特徴は、何といっても色々な「フレームワーク」に対応していることでしょう。対応している「フレームワーク」は、下記になります。 Yahoo! User Interface Library(YUI) Ext Prototype + Scriptaculous jQuery MooTools Dojo Toolkit そして、表示種類が豊富!! 「image」はもちろん 「flash」 「movies」 「web」 そして、特に面白いのが、「image map」などが表示できます。 「image map」というのは、一つの画像上の数か所だけを枠で囲って、その部分だけを拡大表示させる機能みたいです。

  • つくるぶガイドブログ: Lightboxのデザインをカスタマイズしてみよう(前編)

    こんにちは、HTML+CSS担当の小森です。 スライドショーやサムネイル画像の拡大でよく見かける「Lightbox」のライブラリ。 気軽に取り入れられるライブラリでもあって、すっかり定着した感がありますね。 今回はこのLightboxのデザインをカスタマイズしてみたいと思います。 Lightbox系のライブラリは当にたくさんありますが、 ここでは、定番の元祖Lightboxを使用してみます。 Lightbox 2(デモあり) http://www.huddletogether.com/projects/lightbox2/ レイアウト構造 HTMLソースをのぞいてみると、クリックをしたときに 画面全体を覆う半透明レイヤー(id="overlay") 拡大画像配置レイヤー(id="lightbox") がJavaScriptによって描画されるしくみになっています。 また、拡大画像配

  • 1