UMIhelp

Разработка сайта на UMI.CMS => Шаблоны XSLT => Тема начата: RoLana от 28 Сентября 2013, 12:57:59

Название: Слайдер
Отправлено: RoLana от 28 Сентября 2013, 12:57:59
Здравствуйте.
Подскажите, пожалуйста, как реализовать слайдер такого плана? Шаблон xslt
Название: Re:Слайдер
Отправлено: Aisamiery от 28 Сентября 2013, 16:33:04
Интересует js?

Я обычно делаю так:
1. Делаем справочник "Слайдер"
2. Добавляем поле картинки + доп  поля которые нужны слайдеру, например скиттеру можно указать эффект

нужной странице делаю поле списка с мультивыбором и ставлю туда этот справочник. В XSLT просто обрабатываю item'ы.


Если таких слайдеров много по всему сайту:
То делаю на страницах дочерний элемент фотогалереи или просто накидываю файлов для скачивания (тип страниц такой)

Если интересует помощь в реализации, обращайтесь помогу.
Если нужен fronted (js), только за вознаградение :)
Название: Re:Слайдер
Отправлено: RoLana от 29 Сентября 2013, 01:41:10
пожалуй потребуется... не совсем понял
Название: Re:Слайдер
Отправлено: RoLana от 08 Октября 2013, 23:06:29
кто-то может показать, объяснить?
Название: Re:Слайдер
Отправлено: admin от 15 Октября 2013, 23:54:56
кто-то может показать, объяснить?

что именно?

установка слайдера состоит из 3 этапов.

1. выбрать слайдер который вы хотите
2. подключить его статично (то есть просто в шаблон чыде закинуть html который нужен найденному вами слайдеру, подключить необходимые js и css и активировать сладер), необходимые инструкции всегда есть на странице самого слайдера с примерами.
3. "оживить" слайдер, то есть вместо статичного html кода который вы использовали для слайдера на предыдущем шаге, сделать так чтобы картинки для слайдера генерировались динамически.

какой именно этап вас интересует?
Название: Re:Слайдер
Отправлено: RoLana от 16 Октября 2013, 00:10:38
этот
3. "оживить" слайдер, то есть вместо статичного html кода который вы использовали для слайдера на предыдущем шаге, сделать так чтобы картинки для слайдера генерировались динамически.

какой именно этап вас интересует?

и как добавить, например ссылки и/или текстовые поля на изображения слайдера, + "пагинация" слайдеров
Название: Re:Слайдер
Отправлено: admin от 16 Октября 2013, 01:23:47
что за слайдер вы используете, удалось ли вам запустить слайдер в статичном виде на своем сайте? так как пагинация, тексты и ссылки, должны быть среди возможностей вашего слайдера, осталось только понять откуда из системы что брать и как из этого сформировать html, который нужен слайдеру
Название: Re:Слайдер
Отправлено: RoLana от 16 Октября 2013, 01:28:02
на основе справочника как это сделать? там можно доп.поля ввести, но как их прикрутить?
Название: Re:Слайдер
Отправлено: admin от 16 Октября 2013, 01:34:49
постараюсь ответить так же пространно

создаете справочник -> открываете его на редактирования (как тип данных, а не как справочник) -> добавляете новые поля (картинка, текст и что там еще нужно) -> добавляете элементы справочника -> пишите шаблон xslt для вывода справочник в нужном месте -> получая доступ к дополнительным полям элемента справочника через uobject:// протокол
Название: Re:Слайдер
Отправлено: PHOENIX-75 от 16 Октября 2013, 12:08:54
Да простит меня админ за прямую ссылку
http://bashev.ru/articles/slajder_dlya_sajta/
Название: Re:Слайдер
Отправлено: RoLana от 16 Октября 2013, 12:18:16
это я видел.но для меня тут не все вопросы раскрыты... справочник завел, добавил поля и все... а саму реализацию вывода и связки с js не понял
Название: Re:Слайдер
Отправлено: admin от 16 Октября 2013, 12:28:45
Да простит меня админ за прямую ссылку
http://bashev.ru/articles/slajder_dlya_sajta/

Админ, только поблагодарит за ссылку на подробную\прекрасную статью)

это я видел.но для меня тут не все вопросы раскрыты... справочник завел, добавил поля и все... а саму реализацию вывода и связки с js не понял

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

Для этого, выведите справочник (например таким способом Вывод элементов справочника в xslt (http://umihelp.ru/articles/vyvod_elementov_spravochnika_v_xslt/)), написав шаблон вывода так, чтобы он повторял структуру html для слайдера
Цитировать
получая доступ к дополнительным полям элемента справочника через uobject:// протокол
Название: Re:Слайдер
Отправлено: RoLana от 16 Октября 2013, 12:31:09
вот оптимального кода html пока нет :( вечером попробую поковырять
Название: Re:Слайдер
Отправлено: admin от 16 Октября 2013, 13:45:12
вот оптимального кода html пока нет :( вечером попробую поковырять

Нам было бы куда проще вам помочь, если бы мы видели с каким вариантом js слайдера вы работаете)
Название: Re:Слайдер
Отправлено: Aisamiery от 18 Октября 2013, 18:31:40
вот оптимального кода html пока нет :( вечером попробую поковырять

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

Видимо с самописным :) Если это про тот слайдер который я писал человеку :)
Название: Re:Слайдер
Отправлено: Aisamiery от 18 Октября 2013, 18:33:22
И на основе справочника не прокатит, там слайдер акций собственно, на страницу которых надо перейти :) Только вот он работает и все выводится, и что вас тут человек мучает я не понимаю, у меня как у автора было бы проще спросить)))
Название: Re:Слайдер
Отправлено: admin от 18 Октября 2013, 19:54:04
Вряд ли, у самописного слайдера отличается схема работы. То есть, перед тем как js оживит слайдер нужно сформировать нужный html, с которым будет работать js. Так что, какой-то html все же должен быть)
Название: Re:Слайдер
Отправлено: PHOENIX-75 от 18 Октября 2013, 22:41:33
Не понятно, в чем проблема? Найти в интернете слайдер который бы понравился своей работой вообще не проблема. Как грязи их там. Скачать его, разобрать как работает, а потом и адаптировать под UMI его.
Любой слайдер это js + html. html будет формироваться на основе шаблонов xsl которые нужно написать.
Если делать на справочнике, то просто смотрим xml который отдает этот справочник и пишем на этой основе xsl шаблоны.