aggiungo che questo è l'output html che ottengo nella paginaweb:

---

DENTRO L'AREA "HEAD":




<script type="text/javascript" src="http://www.mywebsite.com/admin/template/js/jquery.min.js"></script>
<script type="text/javascript" src="http://www.mywebsite.com/admin/template/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.mywebsite.com/admin/template/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script>
jQuery(document).ready(function() {
if(jQuery().fancybox) {
$("a[rel*=tpgallery]").fancybox();
}
});
</script>

<style>
#the_photo_gallery h3 {margin:0 0 20px 0;}
#the_photo_gallery, #the_photo_gallery_albums {margin:0 0 10px 0;}
#the_photo_gallery_breadcrumbs {font-size:11px;margin:0 0 20px 0;padding:5px 10px;border:1px solid #ccc;background:#f6f6f6;}
#the_photo_gallery a.thumbnail img {padding:3px;margin:0 10px 10px 0;}
#the_photo_gallery_albums a.thumbnail img {float:left;margin-right:15px;max-height:80px;}
#the_photo_gallery_albums p {margin:0;line-height:18px;font-size:12px;}
#the_photo_gallery_albums p strong.tpg_title {line-height:25px;font-size:14px;}
#the_photo_gallery em {font-style:italic;color:#666;}
#the_photo_gallery a.thumbnail:link img, #the_photo_gallery a.thumbnail:visited img {border:1px solid #ccc;}
#the_photo_gallery a.thumbnail:hover img, #the_photo_gallery a.thumbnail:focus img {border:1px solid #999;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
</style>




---

DENTRO L'AREA "BODY":




<div class="center-block">
<h2>Photo Gallery</h2>



Photo Gallery</p>




</p>



<div id="the_photo_gallery"><h3></h3><div id="the_photo_gallery_photos" class="clearfix" ></div></div></p>