I found an jQuery/javascript slideshow which I try to duplicate. You can find the one I’m talking about here. I downloaded the files needed jQuery, slideme and script but I can’t get it to work. In other words the pictures simply don’t show. The funny thing is though that when you look in the slideme library they refer to the pictures the following way:
//console.log('le background devient : '+_this_.arr_img[imgIndex]+"\
");
//console.log(DOMAINE_NAME+'/images/slideshow/'+_this_.arr_img[imgIndex]+'.jpg');
$('#'+_this_.sliderId).css('backgroundImage', 'url('+$('#'+_this_.arr_img[imgIndex]).attr('src')+')');
//$('#'+_this_.sliderId).css('backgroundImage', 'url(http://'+DOMAINE_NAME+'/images/slideshow/'+_this_.arr_img[imgIndex]+'.jpg)');
In other words the pictures should be at following location: http://www.mydomain.com/images/slideshow/image.jpg
But in the html the pictures are in a complete different location:
<img src="http://www.hotelbanville.fr/mga_client/idiap/accueil/306824e81fd38e2c3a1672cbca4cbfd7.jpg" id="img1" class="slideme" />
I have tried everything but the pictures simply don’t show. Does anybody have any experience with this kind of slideshow an see what i’m doing wrong?
Thank you in advance.