非常にシンプルな前/次のフォトギャラリーがあり、ライトボックスから大きな画像へのリンクである各写真のURLも変更したいと思います。
var img = [
"images/railing.jpg",
"images/stairwell.jpg",
"images/sunset_railing.jpg",
"images/sunset_house.jpg"
];
img.current = 0;
function showImage(i) {
$("#imag").fadeOut( function() {
this.src = img[img.current];
$(this).fadeIn();
});
}
function NextImage() {
img.current = (img.current+1) % img.length;
showImage(img.current);
}
function PreviousImage() {
if (--img.current < 0)
img.current = img.length - 1;
showImage(img.current);
}
onload = function() {
showImage(0);
};
これは、NextImage関数とPreviousImage関数を使用してボタン付きのページで呼び出され、画像を美しく変更します。
<a href="images/railing_detail.jpg" rel="lightbox">
<img src="images/railing.jpg" alt="railing" name="BlackImage"
border="0" id="imag" />
</a>
また、リンクのhref値を同時に変更できるようにしたいのですが、これを実行するための最善の方法に頭を悩ませることはできません。