[FIXED - I GUESS] issues with image gallery
Hello all,
I created a small image display script and it works great on my local server but not on my live server and I cannot figure out why. The image should hide when clicked and the next image should fade in. But on the live server the first image hides then fades back in then the second image is shown. the efx don't work right when on the live server. Her's the URL to the live version gallery example.
My jquery code:
- $('a.galleryLink').click(function(){
var lrgImg = $(this).attr('href');
var lrgCaption = $(this).attr('title');
var lrgAlt = $(this).attr('rel');
var lrgTitle = $(this).attr('name');
$('div#lrgImage img, div#lrgImage p').hide();
$('div#lrgImage img').attr('src',lrgImg);
$('div#lrgImage img').attr('alt',lrgAlt);
$('div#lrgImage img').attr('title',lrgTitle);
$('div#lrgImage p').html(lrgCaption);
$('div#lrgImage img, div#lrgImage p').fadeIn(1100);
return false;
});
I am sure there is a better way to pull this off, if so please let me know :)
Thanx,
Daniel
****************************************
EDIT
for some reason when I turn on the friendly URLs the gallery now functions as it should http://directory-sexy.com/agent-provocateur-designer-lingerie.php
Not sure why it works now but all is well!