[jQuery] how to use jcarousel and fancybox
I can't use both plugins.
I have:
$(document).ready(function(){
$('#mycarousel').jcarousel({
itemLoadCallback: mycarousel_itemLoadCallback
});
$(".photos").fancybox({
//call via menu
'frameWidth': 450,
'frameHeight': 300,
'hideOnContentClick': true,
'zoomSpeedIn': 300,
'zoomSpeedOut': 300,
'overlayShow': false,
'overlayOpacity': 0.10
});
});
and this
function mycarousel_getItemHTML(url)
{
var url_p = url;
var url_g = url_p.replace(/_p.jpg/g, '.jpg');
return '<a class="photos" rel="gallery1" href="' + url_g + '"><img
src="' + url_p + '" width="75" height="75" alt="" title=""/></a>';
};
if I put a photo with the attribut claass="photos" it works, but the
photos inside the jCarousel didn't work at all.
How can I solve it? or is it posible to call directly the fancybox
function trought the a href link in each jcarousel image?
Thanks!
dough