I know the below code is what I need to change, it's the hidden link that the big image uses.
// Construct new hidden span for the image
var newSlide = this.$imageContainer
.append('<span class="image-wrapper current"><a class="advance-link" rel="history" href="#'+this.data[nextIndex].hash+'" title="'+imageData.title+'"></a></span>')
And when I try to put php into the href="" spot to pull from my database table depending on the image I'm on it breaks everything. How would I go about modifying this so you only use the thumbnails to move thru the images, and when you click on the big image it can go to a website?