WebデザインノートBOOK

Webクリエイターに関する勉強を書き記したブログになります。

lightboxのカスタマイズ|jQuery

lightboxのカスタマイズ

全体をcontainer等で囲み、margin: 0 auto;を指定して中央揃えをしている場合、表示される大きい画像の位置が右にズレてしまいます。

それのカスタマイズ修正です。


jsフォルダ内の「jquery.lightbox-0.5.js」の142,143行目。
こちらはサムネイルをクリックされたときに表示される画像の...
表示位置指定です。
▼このようになっているところを・・・

142      top:  arrPageScroll[1] + (arrPageSizes[3] / 10),
143      left:  arrPageScroll[0]

▼こう書き換える。

142      top:  arrPageScroll[1] + (arrPageSizes[1] / 20),
143      left:  arrPageScroll[0] - (arrPageSizes[0] / 25)


ソースの意味は・・・


考えるんじゃない!感じるんだ!


説明は長くなるので省きます。
※ちなみに、上記ソースのちょっと上を見ると大体のことがわかります。


google api
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js