Курс 2016 года “Разработка на UMI.CMS от 0 до готового сайта”
Шаблон отображения списка категорий (магазин "Современный")

Автор manadsgnРаздел Шаблоны XSLT

Ответов: 2
Просмотров: 3092
Последний ответ 03 Июля 2012, 15:22:23
от manadsgn
Несколько картинок для одного товара, вопрос по шаблону

Автор KTIРаздел Шаблоны XSLT

Ответов: 11
Просмотров: 6614
Последний ответ 23 Апреля 2015, 23:15:04
от john
Вопрос по выводу дочерних страниц модуля структура

Автор shotoРаздел Шаблоны XSLT

Ответов: 5
Просмотров: 4654
Последний ответ 07 Марта 2014, 17:34:18
от e.ioffe
вопрос новичка по emarket cart

Автор slavikРаздел Настройка системы и модулей

Ответов: 6
Просмотров: 3352
Последний ответ 23 Июля 2014, 22:16:21
от slavik
Вопрос по выборки Usel

Автор atachРаздел Custom макросы

Ответов: 5
Просмотров: 3487
Последний ответ 11 Сентября 2012, 13:58:47
от atach

0 Пользователей и 1 Гость просматривают эту тему.

*

Aksuk

  • *
  • 44
  • +0/-0
    • Просмотр профиля
Добрый день!

Я - верстальщик с юми работаю в первый раз (и вообще сайты делаю не часто), посему прошу прощения, если спрашиваю глупости. Есть два вопроса по организации фотоальбома. Типовая структура со страницей миниатюр, просмотром галереи и полноразмерными фото - не подходит, слишком громоздко. В идеале все должно умещаться на одной странице - так, как во вложении. Вывести миниатюры в три колонки не сложно, как приделать к ним скругленные углы - тоже разобрался почти. Но как сделать вывод просмотровой картинки на той же полосе? Инклюд? Аякс? Может быть есть какой-то готовый макрос юми, который я пропустил? Или сторонний модуль с "каруселью", которую можно преобразовать в такой трехколонник...

Очень прошу советов. Заранее спасибо!

Вот еще подумал - Сейчас пытаюсь организовать сайт (это - портфолио/визитка дизайн-студии) следующим образом: несколько новостных лент, каждой "новости" (на самом деле - полиграфическое изделие) соответствует галерея, которая выводится макросом %photoalbum album()% прямо в тело новости. Может быть стоит просто наделать галерей и прямо в них выводить как миниатюры, так и просмотровые картинки? Но все равно не понятно - как.

*

admin

  • *****
  • 2444
  • +172/-1
    • Просмотр профиля
используя макросы photoalbom вы можете вывести список фотографий этого альбома (с этим вы видимо уже разобрались).

Далее вы можете пойти такими путями:

1. использовать какуюнибудь js карусель которая сама из списка картинок (которые вы выведете необходимым образом) сделает список превью с возможностью просмотреть большой вариант, например jquery карусель galleria, хотя это может быть лубая js карусель

2. можете сами сделать вывод списка фотографий 2 раза на одной страницы, один с большими фотками и скрыть все кроме одной, вторая список превью (то есть просто размер меньше) и написав js обработкич переключать видимость большой фото в зависимости от клика по превью.

можно это делать используя ajax подгрузку большой фотографии при клике по превью, но это уже вопросы js плана, от umi вы в любом случае получаете только список фото из фотоальбома

*

Aksuk

  • *
  • 44
  • +0/-0
    • Просмотр профиля
Спасибо за разъяснения!

Пока мне более понятен путь 2, за исключением пункта:

Цитировать
написав js обработкич переключать видимость большой фото в зависимости от клика по превью.

Я, к сожалению, не владею совершенно JS, максимум - подключал лайтбокс на простом хтмл-ном сайте. Насколько это сложная обработка? И можно ли ее будет спрятать в шаблоне, чтобы админ, добавляющий новости максимум - вставлял 2 строчки кода с выводом галереи.

Если нет, то наверное буду смотреть в сторону galleria. А есть ли примеры использования таких каруселей на юми?

*

admin

  • *****
  • 2444
  • +172/-1
    • Просмотр профиля
пример самописной галереи со своим js
http://wedcake.ru/svadebnye_kollekcii/amsale/fall_2011_collectiontest1/
http://gooddizain.ru/already-done/corporate-identity/

а насчет сторонних каруселек и галерей, все очень просто..., заходите на страницу js карусели (например [urlhttp://galleria.aino.se/docs/1.2/getting_started/quick_start/]страница описывающая старт с galleria[/url] ) читаете что там необходимо (обычно это просто список картинок оформленный в определенные теги и подключенный css и js плюс js иструкция применить карусель к определенному элементу, который и содержит список картинок) и все, все остальное делает сама js карусель

*

Aksuk

  • *
  • 44
  • +0/-0
    • Просмотр профиля
Поставил Galleria, действительно все не сложно. Поначалу, так как потом начались проблемы с генерацией превьюх. Скрипт галереи выдает ошибку "Cannot scale image", если убрать через стили контейнер с ошибками - большие картинки листаются нормально, но миниатюр нет. Либо дело в самом скрипте (разработчики крайне рекомендуют выводить отдельный список для превью), либо в том, что у меня Денвер на локале подтормаживает, как это с ним бывает. Если же дело не в локале, а в самой программе галереи - получается все не просто. Вывести отдельный список по другому шаблону (используя preview_image.tpl) в том же документе - не проблема, но как автоматом сгенерить массив для установления зависимостей превью-просмотр-оригинальный размер? Помню, что для друпала был модуль, значит это возможно.

Пока еще не изучил целиком документацию, но если вы сможете меня направить в нужном направлении - буду благодарен.
« Последнее редактирование: 22 Сентября 2011, 15:09:02 от Aksuk »

*

Aksuk

  • *
  • 44
  • +0/-0
    • Просмотр профиля
Да, забыл сказать - ошибка появляется не всегда, где-то на 8 обновлении превьюхи благополучно генерятся :)

*

admin

  • *****
  • 2444
  • +172/-1
    • Просмотр профиля
скорее всего либо фото очень большие, либо скрипт впополам с denwer глючит, поэтому обычно использую самописные варианты, а взаимосвязь сделать легко

у маленькой картинки выводишь по такому образцу
<a href="#" class="small_pic" index="%id%"><img src="pic.jpg" ></a>
...

большие по такому
<a href="#" class="big_pic" id="b%id%" style="display:none;"><img src="big_pic.jpg" ></a> 
...

и пишешь такой js внутри тега head или в стороннем файле который подключаешь в html коде (только обязательно после загрузки jquery библиотеке, так как я её использую в приведенном ниже коде)

jQuery(document).ready(function() {
jQuery('.big_pic:first').show(); // показываем первую большую фотографию

        //назначаем обработчик всем ссылкам с классом small
jQuery('.small_pic').click(function(){
var id=jQuery(this).attr('index'); //берем id из атрибута ссылки index
jQuery('.big_pic').hide(); //прячем все большие фото
jQuery('#b'+id).show(); //показываем только ту что связанна смалой фотографией через id
return false;
});
});

*

Aksuk

  • *
  • 44
  • +0/-0
    • Просмотр профиля
Ох, спасибо!
Насколько понял - это вообще решит проблему. Все-таки надо выучить хотя бы начала JS ))

Вот еще вопрос  - нет ли в юми макроса, который добавлял бы счетчик объектам при выводе? Например: <a href="#"><div id="сustom_%макрос счетчика%"><img></div></a>?

В списке миниатюр у меня будет не только сама картинка, но еще и контейнер с изображением левого уголка. Гораздо проще ими управлять - отключать и включать, если у них уникальный ID. Иначе приходится громоздить какие-то жуткие правила в css.

*

admin

  • *****
  • 2444
  • +172/-1
    • Просмотр профиля
а чем id самой фотографии не подходит? ты же его из фотоальбомов берешь, значит каждая фотка это страница с уникальным id, его(%id%) я и использовал в примерах выше

*

Aksuk

  • *
  • 44
  • +0/-0
    • Просмотр профиля
То есть назвать картинки 01.jpg, 02.jpg ... Потом вывожу так: <a href="#" class="big_pic" id="b%id%" style="display:none;"><img src="01.jpg" ></a><div id="bkgr_%id%"><img src="bkgr.png"></div> - так?
Но галерей множество. И для системы у них все равно будут разные id - разве нет?

*

admin

  • *****
  • 2444
  • +172/-1
    • Просмотр профиля
Re:Вопрос по организации отображения фотоальбома
« Ответ #10 : 22 Сентября 2011, 18:42:48 »
твои фото лежат в галерее, значит ты выводишь их макросом  %photoalbum album()%
вначале, список фотографий по шаблону для больших фото, потом по еще раз выводишь этот же альбом по шаблону для маленьких фото.

в шаблоне для больших фоток используешь в блоке  album_block_line
<a href="#" class="big_pic" id="b%id%" style="display:none;">%data getProperty(%id%, photo, img_big)%</a> 

а в шаблоне для маленьких фото в блоке album_block_line

<a href="#" class="small_pic" index="%id%">%data getProperty(%id%, photo, img_small))%</a> 

плюс img_big и img_small, это шаблоны для вывода содержимого поля с фотографией нужного размера, лежат тут
/tpls/data/ .
содержимое:
/tpls/data/img_big.tpl
<?php
$FORMS = Array();
$FORMS['img_file'] = <<<END
%system makeThumbnail('%filepath%', '400', 'auto', 'view')%
END;
?>

/tpls/data/img_small.tpl
<?php
$FORMS = Array();
$FORMS['img_file'] = <<<END
%system makeThumbnail('%filepath%', '70', 'auto', 'view')%
END;
?>


*

Aksuk

  • *
  • 44
  • +0/-0
    • Просмотр профиля
Re:Вопрос по организации отображения фотоальбома
« Ответ #11 : 23 Сентября 2011, 01:42:09 »
Спасибо, добрый человек!

Все получилось в лучшем виде. А для именования контейнеров с "уголками", как оказалось, есть макрос %list-position% ! Буду теперь матчасть учить.