I'm having trouble with displaying my images when I upload it on the server, if I preview the website from my DW it shows the images, when I upload it on the server it shows “The requested content cannot be loaded. Please try again later.”
Here is my code :
$(document).ready(function() {
$("#fancybox-manual-c").click(function() {
$.fancybox.open([
{
href : '1.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '2.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '3.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '4.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '5.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '6.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '7.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '8.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '9.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '10.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '11.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '12.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '13.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '14.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '15.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '16.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '17.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '18.jpg',
title : 'Bioterapia Sanatatii'
},
], {
helpers : {
thumbs : {
width: 75,
height: 50
}
}
});
});
});
UPDATE WITH THE ANSWER
Well, I found out what was wrong, It seems that Fancybox requires the terminal of the image to be CapsLock.
So instead of:
{
href : '1.jpg',
title : 'Bioterapia Sanatatii'
},{
href : '2.jpg',
title : 'Bioterapia Sanatatii'
}...and so on
We should write :
{
href : '1.JPG',
title : 'Bioterapia Sanatatii'
},{
href : '2.JPG',
title : 'Bioterapia Sanatatii'
}...and so on
Hope this will help others with similar problems.