jQueryでLightboxを初めて使おうとしています。

サムネイルの小さな画像をクリックしたらそこそこの大きさのポップアップが出て、その中でさらに小さなサムネイルが3~4枚あり、それぞれにマウスを乗せると大きい写真がそれぞれ切り替わるjQueryを重ねて使いたいと考えています。
このマウスを乗せると画像が切り替わるjQueryはうまくいくのですが、Lightboxで

<style>
.lightbox { display: none; }
</style>

として、表示されるポップアップ部分を隠すとマウスを乗せると画像が切り替わるjQueryの動きが死んでしいます。

.lightboxのdiv内に直接jQueryの記述をすればいいのかとやってみましたがそれでもダメでした。
単純に

<style>
.lightbox { display: none; }
</style>

を消せばマウスオーバーのjQueryも生きるのですが、サムネイルクリック以前にポップアップされる部分が表示されていてはLightboxの意味がありません。

まだまだ勉強中の身で、色々試したのですがわかりません。
お詳しい方是非アドバイス下さい!!

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2015/08/06 15:47:43
  • 終了:2015/08/13 15:50:04

回答(0件)

回答はまだありません

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません