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


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

Похожие темы  |  Печать страницы

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


События Четверг, 07.02.2013, 02:58

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

Группа: Пользователь
Ранг: Новичок
Cообщений: 25
Регистрация: 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, Гостей: 5

Поисковые боты: 9
BingBot(4), Googlebot(3), Inktomi Slurp, Unknown Bot

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


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

 Дни рождения


TEPMIT (34), system (22)
Печать | Copyright © 2009 - 2016 Status-X All rights reserved | Powered by CMS Status-X 1.05 | Контакты