Добро пожаловать на сайт <БагБД>, где вы можете задавать вопросы о программировании и разработке на Битрикс и Битрикс24, и получать быстрые и квалифицированные ответы от профессионалов!

script.aculo.js, prototype, lightbox

00 голосов
8
Подскажите, возможно ли подключение к битриксу этих библиотек. Если у кого то был опыт поделитесь. И интересно какие правовые последствия влечет за собой использование этих библиотек в коммерческом целях.
спросил 18 Июнь, 13 от ALONE (140 баллов)

8 Ответы

00 голосов
Пропишите загрузку этих библиотек в шаблоне страницы и используйте на здоровье.
ответил 18 Июнь, 13 от Ly (4,580 баллов)
00 голосов
Цитата
И интересно какие правовые последствия влечет за собой использование этих библиотек в коммерческом целях.

Никаких. Вы вольны использовать эти библиотеки как угодно.
ответил 05 Июль, 13 от GODDNEESS (500 баллов)
00 голосов
lightbox у меня прекрасно установился, пример здесь: Пример
В принципе из кода все понятно. Нужна реализация, пишите....
ответил 08 Окт, 13 от Sorne3 (140 баллов)
00 голосов
А проблем с валидацией html документа не возникало?
ответил 08 Янв, 14 от ALONE (140 баллов)
00 голосов
Все ошибочки еще не вычистил конечно, но они не связаны с lightbox)))).
Проверьте сами, ссылка то у вас есть)))
ответил 25 Апр, 14 от Sorne3 (140 баллов)
00 голосов
Хорошо. Спасибо за ответsmile:)
ответил 21 Авг, 14 от ALONE (140 баллов)
00 голосов
а подскажите плиз, как это настроить в Битриксе
ответил 26 Дек, 14 от krenos (100 баллов)
00 голосов
Я перешел на protoboks, тот-же lightbox, только понадежнее но смысл от этого не меняется))

Реализован вставкой в страницу кода:
Код
   
global $APPLICATION;
CModule::IncludeModule("iblock");

   $GRows = GetIBlockElementListEx(
         "photo",
         "gallery",
         array(),
         array(),
         0,
         array("SECTION_ID"=>$SECTION_ID),
         array("DETAIL_PICTURE","PREVIEW_PICTURE","FILE_NAME","NAME","PREVIEW_TEXT","DETAIL_TEXT","PROPERTY_REAL_PICTURE")
         );

$APPLICATION->AddHeadString('<!--[if IE]><script type="text/javascript" defer="true" id="init_js" src="javascript://"></script><![endif]-->');
$APPLICATION->AddHeadString('<link href="/protobox/css/protobox.css" rel="stylesheet" type="text/css" />');
$APPLICATION->AddHeadString('<script src="/protobox/js/prototype.js" type="text/javascript"></script>');
$APPLICATION->AddHeadString('<script type="text/javascript" src="/protobox/js/effects.js"></script>');
$APPLICATION->AddHeadString('<script type="text/javascript" src="/protobox/js/builder.js"></script>');
$APPLICATION->AddHeadString('<script type="text/javascript" src="/protobox/js/dragdrop.js"></script>');
$APPLICATION->AddHeadString('<script type="text/javascript" src="/protobox/js/odl.js"></script>');
$APPLICATION->AddHeadString('<script type="text/javascript" src="/protobox/js/protobox.js"></script>');
$APPLICATION->AddHeadString('<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/protobox/css/iefixes.css"/><![endif]-->');

//====================================================================================================================
$ret = '<style type="text/css">/*<![CDATA[*/
    html, body { margin: 0; padding: 0; border: 0}
    a img { border: 0 }
    /*]]>*/
    </style>';

$ret .=   '<div id="catgallery">';

      while ($GRow = $GRows->GetNext()){

         $RES=CFile::GetByID($GRow["~PROPERTY_REAL_PICTURE_VALUE"]);
         $Detail_Image = $RES->GetNext();
         $ret .= '<a href="/upload/'.$Detail_Image["~SUBDIR"]."/".$Detail_Image["~FILE_NAME"].'" rel="lightbox[gallery]" alt="'.$GRow["~NAME"].'" title="'.$GRow["~PREVIEW_TEXT"].'">';
         $ret .= CFile::ShowImage($GRow["~PREVIEW_PICTURE"],$this->GalleryImgWidth,$this->GalleryImgHeight,'border="0" title="'.$GRow["~PREVIEW_TEXT"].'" ')   ;
         $ret .= '</a><br />';
      }
$ret .= "</div>"   ;
$ret .= '<script type="text/javascript">

.....{some gode}

echo $ret;
//<![CDATA[
    function onDomLoaded()
    {
        initLightbox(
            {
                ring    : true,
                protect : true
            }
        );
    }

    odl.register(onDomLoaded);
//]]>
</script>';


В шаблоне сайта необходимо добавить строки:
Код
<?$APPLICATION->ShowHeadScripts(); ?>
<?$APPLICATION->ShowHeadStrings()?>

Они там вообщето никогда не помешают.

В самом protoboks(ligtbox) необходимо поправить названия классов в соответствии с выбранными вами.

Что тут делается?
1. Создаем запись для добавления на страницу со скриптами и объявлением таблиц стилей из protobox. Эта запись будет включена в заголовок страницы через ShowHead... (механизм отложенных функций в хелпере). Можно код включить сразу в шаблон, но в страницах без фотогалереи он будет лишним.
2. Делаем выборку из инфоблока по $SectionID.
3. Формируем фотогалерею по выбранным элементам:
Код
<div id="catgallery">
<a href="/upload/iblock/5c9/V031.jpg" rel="lightbox[gallery]" alt="V031.jpg" title="V031.jpg">
<img src="/upload/iblock/4d3/V031thumbnail.jpg" title="V031.jpg" alt="" border="0" width="180" height="145"></a><br>
<a href="/upload/iblock/58e/12.jpg" rel="lightbox[gallery]" alt="12.jpg" title="12.jpg">
<img src="/upload/iblock/423/12thumbnail.jpg" title="12.jpg" alt="" border="0" width="180" height="120"></a><br>
<a href="/upload/iblock/ca0/0607_cuba_beachv1n.jpg" rel="lightbox[gallery]" alt="0607_cuba_beach[1].jpg" title="0607_cuba_beach[1].jpg"><img src="/upload/iblock/a7f/0607_cuba_beachq1ythumbnail.jpg" title="0607_cuba_beach[1].jpg" alt="" border="0" width="180" height="135"></a><br>
.....
</div>


Работает здесь: Пример работы фотогалереи на Lightbox
ответил 15 Апр, 15 от Sorne3 (140 баллов)

Похожие вопросы

0 голосов
3 ответов
спросил 17 Дек, 13 от Kleem (100 баллов)
0 голосов
2 ответов
спросил 17 Июль, 13 от Jekanama (320 баллов)
0 голосов
10 ответов
спросил 24 Фев, 13 от Misimka (200 баллов)
0 голосов
10 ответов
спросил 24 Фев, 13 от Jekanama (320 баллов)