jQueryでLightboxを初めて使おうとしています。
サムネイルの小さな画像をクリックしたらそこそこの大きさのポップアップが出て、その中でさらに小さなサムネイルが3?4枚あり、それぞれにマウスを乗せると大きい写真がそれぞれ切り替わるjQueryを重ねて使いたいと考えています。
このマウスを乗せると画像が切り替わるjQueryはうまくいくのですが、Lightboxで
<style>
.lightbox { display: none; }
</style>
として、表示されるポップアップ部分を隠すとマウスを乗せると画像が切り替わるjQueryの動きが死んでしいます。
.lightboxのdiv内に直接jQueryの記述をすればいいのかとやってみましたがそれでもダメでした。
単純に
<style>
.lightbox { display: none; }
</style>
を消せばマウスオーバーのjQueryも生きるのですが、サムネイルクリック以前にポップアップされる部分が表示されていてはLightboxの意味がありません。
まだまだ勉強中の身で、色々試したのですがわかりません。
お詳しい方是非アドバイス下さい!!