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

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

Форум

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

Календарь

Помощь

Поиск

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

Новые темы

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

Форум

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

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

Похожие темы

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

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

Четверг, 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, Гостей: 70

Поисковые боты: 166
BingBot(3), Bot(141), oBot(11), Baidu.com(5), Googlebot(6)

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

	Темы	Сообщения	Пользователи
За сутки:	0	0	0
За неделю:	0	0	0
За месяц:	0	0	0
Всего:	1446	9459	3414
Мы приветствуем нового участника: ruchishah

Дни рождения

TEPMIT (43), system (31)