For a simple installation, install the Lightbox 2.03a scripts and styles in the head of the page as instructed on the Lightbox 2.03a demo page. And install the Carousel script according to it's instructions on its demo page.
Then of course, for the Carousel array, use your image/larger image pairs, ex:
Code:
Car_Image_Sources=new Array(
"photo1.jpg","photo1_lrg.jpg",
"photo2.jpg","photo2_lrg.jpg",
"photo3.jpg","photo3_lrg.jpg",
"photo4.jpg","photo4_lrg.jpg" // NOTE No comma after last line
);
Replace this code in the Carousel script (at the end):
Code:
function C_LdLnk(){if(this.lnk)window.location.href=this.lnk}
function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}
function C_Rstrt(){C_Stppd=false}
with this code:
Code:
function C_LdLnk(){if(this.lnk && !Carousel.lnks[this.lnk]){
Carousel.lnks[this.lnk] = document.createElement('a');
Carousel.lnks[this.lnk].href = this.lnk;
Carousel.lnks[this.lnk].rel = 'lightbox';
} if(this.lnk) myLightbox.start(Carousel.lnks[this.lnk]);}
function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}
function C_Rstrt(){C_Stppd=false}
Carousel.lnks = {};
Bookmarks