画像のポップアップメニューに、jquery_lightpopを付けてみた。 -稀によくあるブログ

Ads by Google

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

--/--/-- --:-- | スポンサー広告  TOP

画像のポップアップメニューに、jquery_lightpopを付けてみた。



サンプル　一個の場合




   MHF
   ベルキュロス戦

PLAY MOVIE






サンプル　複数の場合





     MH3tryプロモ

PLAY MOVIE



     MHF4.0プロモ

PLAY MOVIE







画像の紹介の仕方も固まってきたので、動画もと思い一応雛形が出来たのですが、うっかりmootoolsを使用してしまいmediaboxとポップアップ双方のmootoolsに互換性が無いことをあとで気づき、あわわになっていたのですが、クリスマスだからでしょうか、救いの手が２本も差し伸べられました。

まずはjQueryを使ったmediaboxタイプのスクリプトlightpopと言うのがあったこと。

)jQuery.lightBox を画像ファイル以外にも対応させる(lightpop
↑こちらが作者さまのサイトです。

もう一つはmoootoolsとjQueryが共存できる方法を見つけて、公開してくれた人が居たこと。
mootoolsとjQueryを一緒に使う方法 チバのブログ

↑こちらに詳しく載ってます。
このお二方にはめちゃくちゃ感謝してます。
なんかかなり無謀なレイアウトの組み方でしたが、どうにか上手く行って一安心です。


と思ったら、やっぱりfirefox以外のブラウザで崩壊しまくってたので、記事を修正して見ましたorz
(修正後の記事)


公開しているソースは自分が後で使用するためのものです。ただ、設置しようとして分からなくなった場合、より多くのサンプルソースがあったほうが良いと思いますので、公開しております。

テーマ : ★★おすすめ♪★★ - ジャンル : ブログ

タグ : mootools jQuery ポップアップ表示

2008/12/24 17:58 | 何でも挑戦！ブログカスタム | COMMENT(0) | TRACKBACK(0)  TOP



この記事を読んだ人はこんな記事も読んでます。
Loading

 | BLOG TOP |