The default script for Fancybox to do his trick does work. See the script >
<!-- Add fancyBox main JS and CSS files -->
<!-- Needs jQuery library (see above) -->
<script type="text/javascript" src="<txp:site_url />fancybox/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="<txp:site_url />fancybox/jquery.fancybox.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
But an extended script doesn't. Look at this page. The script >
<!-- Add fancyBox main JS and CSS files -->
<!-- Needs jQuery library (see above) -->
<script type="text/javascript" src="<txp:site_url />fancybox/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="<txp:site_url />fancybox/jquery.fancybox.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox({
helpers : {
overlay : {
css : {
'background' : 'rgba(58, 42, 45, 0.95)'
}
}
}
});
</script>
I know nothing about coding, so ... is there a typo or something?