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


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

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

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


События Четверг, 22.04.2010, 13:18

TOP

Группа: Пользователь
Ранг: Новичок
Cообщений: 99
Регистрация: 29.10.2009
Город: Москва
На странице галереи есть карусель, которая прокручивает внизу случайные изображения "Лидеры просмотров" .
Как вывести эту карусель изображения на главную сайта? И контент на изображения можно было вписывать самому.

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

Пользователь офлайн
События Среда, 06.02.2013, 14:17

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

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

Status-X

Группа: Администратор
Cообщений: 3005
Регистрация: 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));




Пользователь офлайн
События Среда, 06.02.2013, 19:54

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

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

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

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


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

 Дни рождения


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