Помогите с галереей / Техническая помощь / SX CMS / Форум / SX CMS

Добрый вечер, Гость! Представляем Вам наши форумы. Вы можете зарегистрироваться чтобы писать на форумах или зайдите под своим именем, если Вы уже регистрировались.

Форум

Пользователи

Календарь

Помощь

Поиск

Новые сообщения

Новые темы

Темы без ответов

Форум

SX CMS / Техническая помощь

Помогите с галереей

Похожие темы

Помогите с галереей

Ссылка на сообщение в теме Ссылка на страницу сообщения

Четверг, 22.04.2010, 13:18

TOP

Группа: Пользователь

Ранг: Новичок

Cообщений: 99

Регистрация: 29.10.2009

Город: Москва

На странице галереи есть карусель, которая прокручивает внизу случайные изображения "Лидеры просмотров" .
Как вывести эту карусель изображения на главную сайта? И контент на изображения можно было вписывать самому.

Помогите плиз

Ссылка на сообщение в теме Ссылка на страницу сообщения

Среда, 06.02.2013, 14:17

Игорь Вишневский

Группа: Пользователь

Ранг: Новичок

Cообщений: 24

Регистрация: 20.01.2013

Город: Краснодар

Карусель.
Никто так и не ответил... А у меня подобный вопрос.

Я подключил стороннюю карусель на jQuery (вывод только на Главную, только необходимый контент - НЕ СЛУЧАЙНЫЙ).
В файле jquery-func.js в функции wrap: ставлю 'circular'.

Код


 $(".more-projects-holder ul").jcarousel({
 scroll: 1,
 auto: 2,
 wrap: 'circular',
 autoPause: 1,
 initCallback: _init_more_projects,
 buttonNextHTML: null,
 buttonPrevHTML: null
 });

Карусель прокручивает все имеющиеся <li>, а дальше крутит пустые ячейки.
Отдельно от CMS Status-X (как на сервере, так и просто с компьютера в браузере), прокрутка идёт нормально, как положено - после последней ячейки появляется первая. При этом подключаю файл jquery-1.6.2.min.js. Однако в CMS Status-X этот файл вызывает конфликт (перестают работать спойлеры, а возможно - и что-нибудь еще...).
Без файла jquery-1.6.2.min.js (в составе CMS Status-X), команда 'circular' вызывает пустые ячейки, работает только wrap: 'both', т.е. показ возобновляется с первой ячейки "передёргиванием" к началу. Это будет раздражать посетителей.
Необходима бесконечная прокрутка контента. Как решить этот вопрос?

Прикреплён вариант, работающий с компьютера в браузере.

Вложения


carousel.zip	(0 x загружено \| 134 Кб)

Ссылка на сообщение в теме Ссылка на страницу сообщения

Среда, 06.02.2013, 17:54

SX

Группа: Администратор

Cообщений: 3016

Регистрация: 23.10.2009

Перестает работать очень многое, нужно апдейтить всю систему под более новую версию jquery, менять очень много скриптов и править не мало шаблонов. Так что первая версия врядли увидит новую jquery

Не помню откуда взято, но межешь попробовать этот вариант, я как то применял

Код


 // подключаем jQuery 1.4
 var $jq14 = jQuery.noConflict(true); // сохраняем ссылку
 // подключаем jQuery 1.6
 var $jq16 = jQuery.noConflict(true); // сохраняем ссылку
 
 ;(function($) {
 // старый плагин, который использует jQuery 1.4
 }($jq14));
 
 ;(function($) {
 // чуть новее, использует jQuery 1.6
 }($jq16));

Модули, шаблоны и виджеты для SX CMS быстро, не дорого и профессионально

Ссылка на сообщение в теме Ссылка на страницу сообщения

Среда, 06.02.2013, 19:54

Игорь Вишневский

Группа: Пользователь

Ранг: Новичок

Cообщений: 24

Регистрация: 20.01.2013

Город: Краснодар

Спасибо!
Изначально в этой карусели было 1.4 и wrap: 'circular' не работал. Когда я заменил на 1.6 (подсмотрел на чужом сайте) - wrap: 'circular' заработал. Если не сложно, подскажите - где прописать лекарство noConflict я не программист и в .js пока ориентируюсь плохо (но стараюсь изо всех сил Смешно

) .

Добавлено Игорь Вишневский: 06.02.2013, 18:46:47
Нагуглить удалось не много
http://habrahabr.ru/users/vermilion1/qa/answers/
http://habrahabr.ru/qa/29529/

Добавлено Игорь Вишневский: 06.02.2013, 19:54:46
А вот и подробнее (кто ищет тот найдёт, слава великой Google!)

Код

<html>
 <head>
 <script src="jquery-1.3.3"></script>
 <script>var $jq133 = jQuery.noConflict(true);</script>
 
 <!-- other stuff -->
 
 <script src="jquery-1.4"></script>
 <script>var $jq14 = jQuery.noConflict(true);</script>
 
 <!-- other stuff -->
 
 <script src="jquery-1.4.3"></script>
 <script>var $jq143 = jQuery.noConflict(true);</script>
 
 <!-- other stuff -->
 
 <script>
 $jq14; // ...
 $jq143; // ...
 $jq133; // ...
 </script>
 
 </head>
 <body></body>
 </html>

Источник http://gist.github.com/getify/701970

Буду эксперементировать

Ссылка на сообщение в теме Ссылка на страницу сообщения

Четверг, 07.02.2013, 02:58

Игорь Вишневский

Группа: Пользователь

Ранг: Новичок

Cообщений: 24

Регистрация: 20.01.2013

Город: Краснодар

Карусель на Главной.
Вопрос решился встроенными средствами CMS Status-X.

Установка сторонней карусели потребовалась из-за отсутствия желания искать и переделывать встроенную карусель (в галерее), т.е. - лень, которая двигатель прогресса. Но когда возникли трудности совмещения старой и новой версий jQuery - пришлось ковырнуть систему. Тем более, что иностранные спецы не рекомендуют использовать одновременно разные версии, хотя функция noConflict позволяет.
Покопавшись в коде, я обнаружил, что функция wrap: 'circular' уже прописана в файле jgalslide.js - следовательно должна выполнятся.
Убрал из <head> подключение к файлу jquery.jcarousel.min.js (файл сторонней карусели, который делает почти то-же, что и jgalslide.js), ну и конечно-же добавил в <head> подключение к файлу jgalslide.js (его не было, т.к. стандартную галерею не использую - не понравилась, отключил напроч в админке)
В результате, от сторонней карусели остались только css и jquery-func.js
Выкладываю рабочую версию, может кому пригодится (Знатокам и Гуру - не читать!).

1. Скачать архив, распаковать и заполнить своим контентом (любой html контент) между тегами <li></li> в файле carousel.html

Код

<body>
 
 <div><a href="http://"><span style="font-size: 22px;"><strong>Наши проекты</strong></span></a>
 </div>
 <div class="more-projects">
 <div class="more-projects-holder">
 <ul>
 <li><a href="http://"><img src="carousel/imgs/not_available.png" alt="Тест" title="Тест" width="104px" height="100px" /></a><br><a href="http://"><b>Тест</b></a><br>$1.00</li>
 ///////&&&&&&&&///////
 <li><a href="http://"><img src="carousel/imgs/not_available.png" alt="Тест" title="Тест" width="150px" height="78px" /></a><br><a href="http://">Тест</a><br>$8.00</li>
 </ul>
 </div>
 </div>

2. Отредактировать стили под свой сайт и контент - файл архива ../carousel/css/style.css, поменять картинки в папке ../carousel/imgs/

3. Залить папку carousel на сервер (если не в корневую директорию, то указать правильный путь) Файлы jquery-1.6.2.min.js и jquery.jcarousel.min.js можно удалить, они нужны только для настройки и проверки в браузере (локльно на вашем компьютере).

4. Подключить функции и стили между тегами <head></head> в файле ../theme/standard/other/header_scripts.tpl CMS Status-X

Код

<head>
 ........
 <script language="JavaScript" src="{$jspath}/jgalslide.js" type="text/javascript"></script>
 <script src="carousel/js/jquery-func.js" type="text/javascript"></script>
 <link rel="stylesheet" href="carousel/css/style.css" type="text/css" media="all" />
 ........
 </head>

5. Разместить код карусели со своим контентом в нужном месте своего сайта.

6. Enjoy!

Вложения


carousel.zip	(1 x загружено \| 40,5 Кб)

Быстрый переход:

Сейчас на сайте

Пользователей: 0, Гостей: 2

Поисковые боты: 189
Bot(171), Yandex(12), BingBot(4), Googlebot(2)

Статистика форума

	Темы	Сообщения	Пользователи
За сутки:	0	0	0
За неделю:	0	0	0
За месяц:	0	0	1
Всего:	1444	9453	3410
Мы приветствуем нового участника: dota812651

Дни рождения

Сегодня нет именинников