Пятница, 30.10.2026, 11:24
Приветствую Вас Гость | RSS

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

Главная Регистрация Вход
Меню сайта
Новые статьи
Bitrix смена кодировки базы (4369)

jquery выбрать элемент по name (32825)

Сложная логика в фильтре (9335)

Bitrix где хранится шаблон навигации? (4652)

OnBeforeIBlockElementAdd PROPERTY (5811)

Статистика прохождения системы тестирования (3701)

CTestAttempt::GetList (3829)

OnAfterIBlockElementAdd (5751)

AddEventHandler (6061)

Работа в init.php . AddEventHandler (9355)

Категории раздела
Новости Bitrix [2]
Новости [2]
Бесплатные вебинары [1]
ТЭГИ
Bitrix api (12)
API (7)
CIBlockElement::GetList (4)
CModule::IncludeModule (3)
OnAfterIBlockElementAdd (3)
print_r (3)
AddEventHandler (3)
CUser::GetList (3)
PHP в примерах (2)
CIBlockSection::Add (2)
CIBlockElement::Add (2)
PHP основы (2)
Calendar (2)
CFormResult::GetDataByID (2)
FILTER_NAME (2)
bitrix:news.list (2)
CFile::InputFile (2)
CFormResult::GetList (2)
CTestAttempt::GetList (2)
Программирование в Bitrix (2)
Статистика


Онлайн всего: 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)
Просмотров: 7605 | Теги: Bitrix Фотогалирея на JQuery, bitrix:photo.section, jquery, API | Рейтинг: 0.0/0
Поиск
Случайная статья
[Программирование]
Карусель на JQUERY (6447)
[jquery]
jquery выбрать элемент по name (32825)
[Программирование]
CFile::InputFile загружаем фаил (8014)
[Новости Bitrix]
Новая версия готового решения «1С-Битрикс» для сайтов и внутренних порталов государственных организаций (2737)
[Программирование]
Bitrix редирект LocalRedirect (49835)
[Программирование]
Выводим последние 10 тем форума на которые был ответ. (28511)
[Программирование]
Создаем список пользователей с мини аватарой и постраничной навигацией (5031)
[Программирование]
CIBlockElement::Add (22301)
[Новости Bitrix]
Новая версия «1С-Битрикс: Управление сайтом .NET»: комплексное решение для управления интернет-магазином (2282)
[Разное]
Как изменить авторизацию в Bitrix (11775)
Друзья сайта
  • Новости Астаны
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
    		•

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