Слайдер новостей как на Wargaming.net - для uCoz
Увы, шаблон недоступен для скачивания или покупки, в связи с обращением правообладателя!
По всем вопросам обращайтесь к Администратору.
По всем вопросам обращайтесь к Администратору.
Характеристики:
- Полная кроссбраузерность, при условии, что объявлен тег <!DOCTYPE html>
- При загрузке страницы, включается первая картинка.
- Использует css и jq.
- Размер изображений 520px на 340px.
- При переключении изображения предыдущее плавно затухает и плавно появляется следующее ( На все 400мс ).
- У каждого изображения есть заголовок и подзаголовок, где можно написать название новости или картинки.
- На поверхности слайдера отключено контекстное меню ( Правый клик ).
- Количество картинок, может быть, от 1 до 16 ( Больше не рекомендую ).
Установка:
1). Ну первым делом конечно скачайте архив с файлами и залейте все его содержимое (саму папку main_slider и все что внутри нее) - в корень файлового менеджера вашего сайта.
2). В то место, где бы выхотели видеть этот слайдер ставите этот код (Конечно, если его размеры по-умолчанию вас не устраивают, вы можете установить свои в CSS-файле.):
Code
<div class="slider" oncontextmenu="return false">
<div class="spages">
<div onclick="slider('eq(0)',this)" style="cursor:default; opacity:9; background:url(/main_slider/1_img.png) #222;"></div>
</div>
<div class="stitle">
<div></div>
<div class="spodtitle"></div>
</div> [Информер Выводящий Новости] </div>
<link type="text/css" rel="stylesheet" href="/main_slider/slider.css"/>
<script src="/main_slider/jquery.js"></script>
<script src="/main_slider/slider.js"></script>
<div class="spages">
<div onclick="slider('eq(0)',this)" style="cursor:default; opacity:9; background:url(/main_slider/1_img.png) #222;"></div>
</div>
<div class="stitle">
<div></div>
<div class="spodtitle"></div>
</div> [Информер Выводящий Новости] </div>
<link type="text/css" rel="stylesheet" href="/main_slider/slider.css"/>
<script src="/main_slider/jquery.js"></script>
<script src="/main_slider/slider.js"></script>
3). А вот и код информера "Выводящего новости". Создаете его, и вставляете его код (такого типа - $MYINF_?$) вместо надписи [Информер Выводящий Новости] - в шаблоне самого слайдера:
Code
<a href="$ENTRY_URL$"><img src="/_bl/0/53453373.png" title="$TITLE$" alt="<?substr($MESSAGE$,0,160)?>..."></a>
Все, слайдер установлен!
Кстати, увидеть слайдер в действии можно на главной данного сайта. У меня он немного по другому выглядит, но при желании - вы тоже можете сделать что-то уникальное.
Оценивайте, оставляйте комментарии, рассказывайте о моем портале каждому встречному, а также ОБЯЗАТЕЛЬНО подписывайтесь на нас - везде где можно подписатся!
Теги:
