Preview картинки

<script type="text/javascript" src="/js/lightbox/jquery.lightbox-0.5.js"></script>
<script type="text/javascript" src="/js/lightbox/jquery.jcarousel.min.js"></script>
<script type="text/javascript">
   var $jx = jQuery.noConflict();
    $jx(function() {
        $jx('a.gall').lightBox();
      
    });
    </script>
   <script type="text/javascript">
var $jk = jQuery.noConflict();
$jk(document).ready(function() {
    $jk('#mycarousel').jcarousel();
});

</script>
 

<script type="text/javascript" src="<?=SITE_TEMPLATE_PATH?>/js/jquery.jcarousel.min.js"></script>
         <script src="<?=SITE_TEMPLATE_PATH?>/js/jquery.colorbox-min.js"></script>
         <script type="text/javascript">
            jQuery(document).ready(function() {
            jQuery('#adv-photos').jcarousel();
       jQuery('#adv-products').jcarousel();
       $("a[rel='bigger']").colorbox();
            });
            </script>
 

<?$APPLICATION->AddHeadScript('/bitrix/templates/PegasTour/images/spoiler.js')?>
<?$APPLICATION->AddHeadScript('/bitrix/templates/PegasTour/images/jquery-spoiler_control.js')?>



<style>
div.spoiler{
    
    margin: 7px;
    padding: 7px;
}
div.advSpoilerHeader{
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: -8px;
    border-bottom: 1px solid #d5d5d5;
    width: 95%;
    cursor: pointer;
}
</style>


<script type="text/JavaScript"> 
$(document).ready(function(){
BspoilerControl();
$("div[name='spoiler']".show();
});
</script>

<h2>Спойлер</h2> 
 <p name='spoilerbutton' style='cursor:pointer'></p><DIV name='spoiler' class='spoiler'>

скрываемое

</div>