Хотел сделать всплывающее окно для показа товара. Добавил в header
<script type="text/javascript" src="<?=SITE_TEMPLATE_PATH?>/jquery/jquery-1.4.2.min.js"></script>
Соответствующий каталог тоже скопировал.
Добавил в template элемента:
<script type="text/javascript">
$(function() {
$$('a#effect1').fancybox({
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'speedIn': 600,
'speedOut': 200,
'overlayShow': false,
'cyclic' : true,
'padding': 20,
'titlePosition': 'over',
'onComplete': function() {
$("#fancybox-title").css({ 'top': '100%', 'bottom': 'auto' });
}
});
});
<div>[url=<?=$PHOTO[]" title="<?=(strlen($PHOTO["DESCRIPTION"]) > 0 ? $PHOTO["DESCRIPTION"] : $arResult["NAME"])?>"><img border="0" src="<?=$PHOTO["SRC"]?>" width="100" height="100" alt="<?=$arResult["NAME"]?>" />[/url]
Не работает. Подскажите пожалуйста.
<script type="text/javascript" src="<?=SITE_TEMPLATE_PATH?>/jquery/jquery-1.4.2.min.js"></script>
Соответствующий каталог тоже скопировал.
Добавил в template элемента:
<script type="text/javascript">
$(function() {
$$('a#effect1').fancybox({
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'speedIn': 600,
'speedOut': 200,
'overlayShow': false,
'cyclic' : true,
'padding': 20,
'titlePosition': 'over',
'onComplete': function() {
$("#fancybox-title").css({ 'top': '100%', 'bottom': 'auto' });
}
});
});
<div>[url=<?=$PHOTO[]" title="<?=(strlen($PHOTO["DESCRIPTION"]) > 0 ? $PHOTO["DESCRIPTION"] : $arResult["NAME"])?>"><img border="0" src="<?=$PHOTO["SRC"]?>" width="100" height="100" alt="<?=$arResult["NAME"]?>" />[/url]
Не работает. Подскажите пожалуйста.