Суббота, 31.10.2020, 08:19
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта

Наш опрос
Как вы к нам зашли?


Всего ответов: 2019

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 3
Гостей: 3
Пользователей: 0


Зарегистрировано 31004 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5154 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Поиск



установить такую кнопку twitter
или такую
красивая кнопка Twitter

Расскажи Друзьям!
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [08.11.2013, 04:30]

Слайдер новостей или фотографий контента с эффектами перехода для uCoz как на планшете Apple

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Очередной красивый слайдер новостей или фотографий контента с эффектами перехода для uCoz на нашем сайте scripts-for-ucoz.ru. Возможно, кто-то скажет, что и так уже их много на сайте, но в каждом из них разные еффекты переходов. Этот слайдер так же отлично смотрется. Будет полезен для использования в качестве ленты последних новостей или фотографий. Спасиво веб-мастеру Apocalypse за его адаптацию кода к uCoz сайту.

Первый делом скачайте архив с сайта,  скрипты залейте в папку js, картинки в папку images

Пример работы слайдера: КЛИК

Установка:

Для правильной работы слайдера нам нужна библиотека jQuery 1.7.2 или выше

После /head на нужных страницах вставляйте:

<script type="text/javascript" src="/js/jmpress.min.js"></script>
<script type="text/javascript" src="/js/jquery.jmslideshow.js"></script>
<script>
$(document).ready(function() {
$('#jms-slideshow').jmslideshow();
});
</script>

В самый низ вашего css вставляйте: код в файле - http://scripts-for-ucoz.ru/css/css_slajder_s_efektami.txt

В то место, где будет сам слайдер, вставляйте:
<section id="jms-slideshow" class="jms-slideshow">
<div class="step" data-color="color-1">
<div class="jms-content">
<h3>Заголовок</h3>
<p>Любой текст</p>
<a class="jms-link" href="#">Заголовок ссылки</a>
</div>
<img src="Ссылка на картинку" />
</div>

<div class="step" data-color="color-2" data-y="500" data-scale="0.4" data-rotate-x="30">
<div class="jms-content">
<h3>Заголовок</h3>
<p>Любой текст</p>
<a class="jms-link" href="#">Заголовок ссылки</a>
</div>
<img src="Ссылка на картинку" />
</div>

<div class="step" data-color="color-3" data-x="2000" data-z="3000" data-rotate="170">
<div class="jms-content">
<h3>Заголовок</h3>
<p>Любой текст</p>
<a class="jms-link" href="#">Заголовок ссылки</a>
</div>
<img src="Ссылка на картинку" />
</div>

<div class="step" data-color="color-4" data-x="3000">
<div class="jms-content">
<h3>Заголовок</h3>
<p>Любой текст</p>
<a class="jms-link" href="#">Заголовок ссылки</a>
</div>
<img src="Ссылка на картинку" />
</div>

<div class="step" data-color="color-5" data-x="4500" data-z="1000" data-rotate-y="45">
<div class="jms-content">
<h3>Заголовок</h3>
<p>Любой текст</p>
<a class="jms-link" href="#">Заголовок ссылки</a>
</div>
<img src="Ссылка на картинку" />
</div>
</section>


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Слайдер новостей или фотографий контента с эффектами перехода для uCoz как на планшете Apple



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz | Теги: слайдер новостей, фото слайдер, новости слайдер, слайдер ucoz, слайдер
Просмотров: 4759 | Загрузок: 37 | Комментарии: 2 | Рейтинг: 0.0/0


Всего комментариев: 1
1 valentine0205   (18.12.2013 13:09) [Материал]
Отличный слайдер!!!НО!Появилась проблема с его отображением в браузере - ОПЕРА!Можете подсказать, как оптимизоровать его!!!?Буду очень благодарен!

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz