Суббота, 26.05.2018, 03:18
Приветствую Вас Гость | RSS

Bitrix программирование

Категории раздела
Статистика



Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа

Bitrix Фотогалирея на JQuery

Каталог статей

Главная » Статьи » Bitrix » Новости

Bitrix Фотогалирея на JQuery
Создаем фото галерею на примере моей  работы http://dostyk-astana.kz/photo/
Bitrix Фотогалирея на JQuery
На страницу ставим компонент bitrix:photo.section
IncludeComponent("bitrix:photo.section", "Pikachoose", array(
"IBLOCK_TYPE" => "Gallery",
"IBLOCK_ID" => "2",
"SECTION_ID" => $_REQUEST["SECTION_ID"],
"SECTION_CODE" => "",
"ELEMENT_SORT_FIELD" => "sort",
"ELEMENT_SORT_ORDER" => "asc",
"FILTER_NAME" => "arrFilter",
"FIELD_CODE" => array(
0 => "",
1 => "",
),
"PROPERTY_CODE" => array(
0 => "",
1 => "",
),
"PAGE_ELEMENT_COUNT" => "10",
"LINE_ELEMENT_COUNT" => "3",
"SECTION_URL" => "",
"DETAIL_URL" => "",
"AJAX_MODE" => "N",
"AJAX_OPTION_SHADOW" => "Y",
"AJAX_OPTION_JUMP" => "N",
"AJAX_OPTION_STYLE" => "Y",
"AJAX_OPTION_HISTORY" => "N",
"CACHE_TYPE" => "A",
"CACHE_TIME" => "3600",
"CACHE_FILTER" => "N",
"CACHE_GROUPS" => "N",
"META_KEYWORDS" => "-",
"META_DESCRIPTION" => "-",
"BROWSER_TITLE" => "-",
"DISPLAY_PANEL" => "N",
"SET_TITLE" => "Y",
"SET_STATUS_404" => "N",
"ADD_SECTIONS_CHAIN" => "Y",
"DISPLAY_TOP_PAGER" => "N",
"DISPLAY_BOTTOM_PAGER" => "Y",
"PAGER_TITLE" => "Фотографии",
"PAGER_SHOW_ALWAYS" => "Y",
"PAGER_TEMPLATE" => "",
"PAGER_DESC_NUMBERING" => "N",
"PAGER_DESC_NUMBERING_CACHE_TIME" => "36000",
"PAGER_SHOW_ALL" => "N",
"AJAX_OPTION_ADDITIONAL" => ""
),
false
);?>

Жмем "Редактировать шаблон компонента" и изменяем код:
<div class="pikachoose">
<br />
<ul id="pikame">
<li><img border="0" width="500" height="500" src="" title="" /><span></span></li>
</ul>
<br />
</div>


Редактируем шаблон нашего сайта и в <head> добавляем:

<link type="text/css" href="/bitrix/PikaChoose_3.3/styles.css" rel="stylesheet" /> 
<script type="text/javascript" src="/bitrix/PikaChoose_3.3/js/jquery.js"></script> 
<script type="text/javascript" src="/bitrix/PikaChoose_3.3/js/pikachoose.js"></script> 
<script language="javascript"> 
<!--
$(document).ready(
function (){
$("#pikame").PikaChoose({auto_play:true});
});
-->
</script>
Фаилы:
Категория: Новости | Добавил: Shak (04.08.2010)
Просмотров: 5955 | Теги: Bitrix Фотогалирея на JQuery, bitrix:photo.section, jQuery, API | Рейтинг: 0.0/0
Поиск

Shak © 2018
Копирование материала без указания автора и ссылки на сайт запрещается.
Если вы разместили материал у себя на сайте обязательно свяжитесь со мной shakleinserg{собака}gmail.com
Создать бесплатный сайт с uCoz