こんにちは、堺すすむです(嘘です)。なーんでか?(謎)
今話題の Lightbox JS をseesaa blog でも使ってみたいなと思い、誰かやってないかなーと思ったら、既に実装されている方がいらっしゃったので、参考にしてみたら動いた。
路上の風景〜landscapes on the road: Lightbox JS〜ポップアップさせずにサムネイル画像を表示←yanz さん、Good Job!!
りょーちの場合、 lightbox.css は外部ファイルとして直接stylesheetを読み込むようにしてありますが、基本的には yanz さんのところでまとめられていた、そのまま実装すればOKです!
実装結果はこんな感じです。(適当な画像がないのでamazonのものを利用した。アフィリエイトリンクじゃないっす)
なかなかよいではないですかー。
seesaa blogでは画像ファイルをアップロードした後、サムネールが作成されるよーなのですが、このリンクの貼り方は自分で入力しなければならないのでちょっと面倒。
元画像とサムネールのURLさえわかればbookmarkletとか簡単に作れそうなので、seesaa blogでデフォルトでlightbox.jsに対応して貰えたらちょっと嬉しいなと思ったりした(無理?)。
ちなみに、HTMLファイルを全て読み込んだ後にクリックしないとそのまま画像が表示されてしまうっぽい。(サイドバーとかをちょいと整理しないとダメだな・・・orz)
2006年01月25日
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/12247450
use Simple API for trackback sites image
http://blog.seesaa.jp/tb/12247450
use Simple API for trackback sites image
| クールなポップアップ Excerpt: このページで使っているカッコよさげなポップアップのやり方について教えちゃいます。(私の作成物ではないです)≪サンプル≫必要な知識:HTMLとCSSとJavascript(はいらないかも)必要なもの:l.. Weblog: ミュレットの記憶 〜 Memory of Mewlet 〜 Tracked: 2006-04-26 17:01 |
|



確かに画像にrel="lightbox"を追加するのは面倒ですね.邪道ですが,私はIME辞書に登録するつもりです.
なお,りょーちさんのblogをRSSリーダーに登録させてもらいました.
コメントいただきましてありがとうございます。
yanzさんのサイト、非常に参考になりました。素晴らしいです。
記事を書いた時点では、lightbox.jsをhead部分でincludeしているのですが、そうなると、lightbox.jsを利用していないときにもscriptを読んでしまうので、やはり記事内でincludeしたほうがよさそうなんですかねー。
もうちょっといろいろ考えて見ます。
ではでは。
>登録させてもらいました.
ありがとうございます。
殆どゴミみたいな記事が多いので恐縮です(^^;
参考になりそうな記事が書けるように(難しいですが)頑張ります(^^)
コメントいただきましてありがとうございます。
Lightbox JS2、ちょいとかっちょいいですよねー。zooomrにもlightbox.jsが使われていたのですかー(気づきませんでした)
なかなかいろいろオモシロそーな感じですねぇ。
ではでは。
ブラウザ依存してるのかな?
Lightbox.jsちょっと重いかもしれないと思い数年前に一度はずしてました。
また実装してみたので多分動くのではないかと思います。