Кастомизировал под свои нужды компонент news.list. Для вывода галереи всех картинок элементов.
Подключил сначала библиотеку галереи от piroBox. на локальной машине все работает. перенес на хостинг, слайдер перестал работать.
Изменил слайдер на fancyBox, таже ситуация на локальной машине работает, на хостинге нет.
firebug показывает, что не обнаружены нужные библиотеки. подключение которых осуществляется в component_epilog.php
данными командами.
пробовал напрямую подключать в head, как этими же командами, так и стандартными html результат один.
подключение скрипта определяющего блоки для галереи находится в template.php
выносил данный блок так же в head результат тот же.
Кто встречался с чем то подобным, на локалке то робит все а вот на сервере не желает.
Подключил сначала библиотеку галереи от piroBox. на локальной машине все работает. перенес на хостинг, слайдер перестал работать.
Изменил слайдер на fancyBox, таже ситуация на локальной машине работает, на хостинге нет.
firebug показывает, что не обнаружены нужные библиотеки. подключение которых осуществляется в component_epilog.php
данными командами.
Код |
---|
$APPLICATION->SetAdditionalCSS(SITE_TEMPLATE_PATH .'/fancybox/jquery.fancybox.css'); $APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH .' /fancybox/jquery-1.3.2.min.js'); $APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH . '/fancybox/jquery.easing.1.3.js'); $APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH . '/fancybox/jquery.fancybox-1.2.1.pack.js'); |
подключение скрипта определяющего блоки для галереи находится в template.php
Код |
---|
<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?> <script type="text/javascript"> $(document).ready(function() { $("a.gallery2").fancybox( { "padding" : 20, // отступ контента от краев окна "imageScale" : false, // Принимает значение true - контент(изображения) масштабируется по размеру окна, или false - окно вытягивается по размеру контента. По умолчанию - TRUE "zoomOpacity" : false, // изменение прозрачности контента во время анимации (по умолчанию false) "zoomSpeedIn" : 1000, // скорость анимации в мс при увеличении фото (по умолчанию 0) "zoomSpeedOut" : 1000, // скорость анимации в мс при уменьшении фото (по умолчанию 0) "zoomSpeedChange" : 1000, // скорость анимации в мс при смене фото (по умолчанию 0) "frameWidth" : 700, // ширина окна, px (425px - по умолчанию) "frameHeight" : 600, // высота окна, px(355px - по умолчанию) "overlayShow" : true, // если true затеняят страницу под всплывающим окном. (по умолчанию true). Цвет задается в jquery.fancybox.css - div#fancy_overlay "overlayOpacity" : 0.8, // Прозрачность затенения (0.3 по умолчанию) "hideOnContentClick" :false, // Если TRUE закрывает окно по клику по любой его точке (кроме элементов навигации). Поумолчанию TRUE "centerOnScroll" : false // Если TRUE окно центрируется на экране, когда пользователь прокручивает страницу }); $("#menu a, .anim").hover( function() { $(this).animate({"paddingLeft" : "10px"}, 300)}, function() {$(this).animate({"paddingLeft" : "0"}, 300); }); }); </script> <? //see_array($arResult['ITEMS']);?> <?foreach($arResult["ITEMS"] as $arItem):?> <a class="gallery2" rel="group" href="<?=$arItem['DETAIL_PICTURE']['SRC']?>" title="<?=$arItem['NAME']?>" ><img src="<?=$arItem['ICON']['SRC']?>" alt="demo" width="<?=$arItem['ICON']['PREVIEW_WIDTH']?>" height="<?=$arItem['ICON']['PREVIEW_HEIGHT']?>" /></a> <? endforeach;?> <div class="clear"></div> |
Кто встречался с чем то подобным, на локалке то робит все а вот на сервере не желает.