The gallery code which load into website is :
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
/* Automated slideshow */
timed: true,
/* Show the thumbs carousel */
showCarousel: true,
/* Text on carousel tab */
textShowCarousel: 'Thumbs',
/* Thumbnail height */
thumbHeight: 50,
/* Thumbnail width*/
thumbWidth: 50,
/* Fade duration in milliseconds (500 equals 0.5 seconds)*/
fadeDuration: 500,
/* Delay in milliseconds (6000 equals 6 seconds)*/
delay: 6000
});
}
window.addEvent('domready',startGallery);
</script>
inside the gallery object j found method :
goTo: function(num) {
this.clearTimer();
if(this.options.preloader)
{
this.galleryElements[num].load();
if (num==0)
this.galleryElements[this.maxIter - 1].load();
else
this.galleryElements[num - 1].load();
if (num==(this.maxIter - 1))
this.galleryElements[0].load();
else
this.galleryElements[num + 1].load();
}
if (this.options.embedLinks)
this.clearLink();
if (this.options.showInfopane)
{
this.slideInfoZone.clearChain();
this.hideInfoSlideShow().chain(this.changeItem.pass(num, this));
} else
this.currentChangeDelay = this.changeItem.delay(500, this, num);
if (this.options.embedLinks)
this.makeLink(num);
this.prepareTimer();
/*if (this.options.showCarousel)
this.clearThumbnailsHighlights();*/
}
after user click thumbnails in gallery it shows picture
in gallery.
What j want to do is to make another thumbanils photos
in my website. Which is allready done.
and now when user click on one of thumbanils it supposed to show correct picture in gallery. The same like it works within gallery.