Перед созданием новой темы, пожалуйста, ознакомьтесь с FAQ по LinkorCMS

Как доработать галерею...

Супер пользователь
Сообщений: 125
Такой вопрос: При нажатии на фото из категории открывается карусель фоток и выбранная фотка.
Задача: Сделать правильный авто клик по этой фотке с открытием её во весь экран.
Задача2: как сделать перелистывание фоток при присмотре во весь экран(окно браюзера).

такой вариант не работает

<?
    System::site()->AddOnLoadJS(<<<JS<br />
         $(document).ready(function(){<br />
            $("gallery-carousel-active").click();<br />
            });.....
?>

В JS очень плохо чего понимаю...
Прошу готовый вариант.
Разработчик
Сообщений: 605
Если немного почитать документацию (http://www.jacklmoore.com/colorbox/) к ColorBox, который используется в LinkorCMS, то костылей для автоматического открытия и слайдшоу не нужны. Для первого есть параметр open, а так же группа параметров Slideshow.

Сделайте возможность отключать инициализацию скрипта:
/scripts/colorbox/script.php
<?php

if(!defined('VALID_RUN')){
header("HTTP/1.1 404 Not Found");
exit;
}

/*
* Плагин jQuery для всплывающих окон и слайд шоу.
* Параметры:
* theme - Номер темы от 1 до 5 (по умолчанию 5)
*/

UseScript('jquery');

if(!isset($params['theme'])){
$theme = 'example3';
}else{
if($params['theme'] == 'admin') $theme = 'example3';
elseif($params['theme'] == 'default') $theme = 'example3'; // тут была опечатка!
elseif(is_numeric($params['theme'])) $theme = 'example'.$params['theme'];
else $theme = $params['theme'];
}

ScriptsAddJQueryPlugin('colorbox/jquery.colorbox');
ScriptsAddCss('colorbox/'.$theme.'/colorbox');

if(!isset($params['noinit'])) {
System::site()->AddOnLoadJS('$(".colorbox").colorbox({rel: "colorbox_group", maxWidth: "100%", maxHeight: "100%"});');
}

Дальше можно немного грязно. В файле init.php темы сделать так:
if(isset($_GET['name']) && $_GET['name'] == 'gallery') {
UseScript('colorbox?noinit=1'); // Скрипт просмотра изображений (LightBox)
System::site()->AddOnLoadJS('$(".colorbox").colorbox({rel: "colorbox_group", maxWidth: "100%", maxHeight: "100%", open: "true"...});');
} else {
UseScript('colorbox'); // Скрипт просмотра изображений (LightBox)
}

И пропишите как хотите опции.
Супер пользователь
Сообщений: 125
У меня так открывается фото в отдлельном окне без скриптов...(

а все, там же троеточие ))) но я пока не понял со слад шоу. мне только кнопки прокрутки нужны.
Сейчас сам попробую покапаться, отпишусь.

previous "previous" Text or HTML for the previous button while viewing a group.
next "next" Text or HTML for the next button while viewing a group.
close "close" Text or HTML for the close button. The 'esc' key will also close Colorbox.


Вот это не работает почему то... даже false для кнопки закрытия...

Я плохо понимаю JS. у меня тема на основе Игриме

// Не мультипостите, дописывайте предыдущее свое сообщение

-- Изменено "Мартин": 01.09.2015 02:28 --
Супер пользователь
Сообщений: 125
Можно сделать все намного круче и проше !
Может кто то захочет допилить как я :

изменяем шаблон gallery_image.html примерно так:
...
<a href="{img.image_view_full}" title="{img.title}" target="_blank" class="gi-thumb colorbox cboxElement">
<img src="{img.thumb_src}" class="img-polaroid">
</a>

{img:allow_comments}
<a href="{img.image_view}" title="Комментарии (добавить)">&nbsp;<i class="icon-comment"></i>&nbsp;{img.comments}</a>
{/img:allow_comments}
{img:allow_votes}
<a href="{img.image_view}" title="Оценки (оценить)">&nbsp;<i class="icon-thumbs-up"></i>&nbsp;{img.num_votes}</a>
{/img:allow_votes}
...

а под фото делаем красивый значек комментов с кол-во комментов. и при нажатии на него выходит наша фото без карусели и с комментариями, оценками...

При таком варианте фотки листаются в полном экране и Лента начиг не нужна...
(ТОЛЬКО что обнаружил, что в дефолт скине так и сделано...)

-- Изменено "Fort": 01.09.2015 13:01 --

-- Изменено "Fort": 01.09.2015 13:20 --

-- Изменено "Fort": 01.09.2015 15:12 --
Гости не могут отвечать на темы. Войдите или Зарегистрируйтесь.
Здесь присутствуют
(пользователей: 0, гостей: 1)
Быстрый переход: