Всем доброе время суток и так к вашему внеманиюсегодня предоставляю - Slide Show for Yukoz
Даная версия является в формате HTML
Сам Slideshow_v5 является простым в установке, и использовании на вашем сайте.
И так давайте приступим к установке дной модификации!
Для начала скачиваем сам архив, после создаем папку Slideshow_v5 и туда залеваем все что находится в папке.
После чего идем на сайт и в каком вам нужно месте ставим между и ставим следущее:
Code
<!-- Включают в меню Сервис -->
<script src="Slideshow_v5/jquery.js"></script>
<!-- автономный стиль страницы (можно удалить) -->
<link rel="stylesheet" type="text/css" href="Slideshow_v5/standalo.css"/>
<link rel="stylesheet" type="text/css" href="Slideshow_v5/tabs-sli.css"/>
<!-- исправить то есть "черный ящик" проблемы с изображениями PNG, когда непрозрачность анимируемого -->
<!--[if IE]>
<style type="text/css">
.images img {
background:#efefef url(/img/global/gradient/h300.png) repeat-x 0 -22px;
}
</style>
<![endif]-->
<script src="Slideshow_v5/jquery.js"></script>
<!-- автономный стиль страницы (можно удалить) -->
<link rel="stylesheet" type="text/css" href="Slideshow_v5/standalo.css"/>
<link rel="stylesheet" type="text/css" href="Slideshow_v5/tabs-sli.css"/>
<!-- исправить то есть "черный ящик" проблемы с изображениями PNG, когда непрозрачность анимируемого -->
<!--[if IE]>
<style type="text/css">
.images img {
background:#efefef url(/img/global/gradient/h300.png) repeat-x 0 -22px;
}
</style>
<![endif]-->
Теперь между тегами и ставим следущее:
Code
<!-- «предыдущий слайд" кнопки -->
<a class="backward">предыдущая</a>
<!-- Контейнер для слайдов -->
<div class="images">
<!-- первый слайд -->
<div>
<h3>Первая панель</h3>
<img src="Slideshow_v5/screens.png" alt="Flying screens" style="float:left;margin:0 30px 20px 0" />
<p style="font-weight:bold">
Slide Show for Yukoz - Весь текст меняем на свой
</p>
<p>
Slide Show for Yukoz......
Всем доброго врямени суток, и так к вашему внеманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлогайте - и мы свами попробуем их зделать вместе.
Спасибо за ваше внемание с уважением - Zlatev Dima
</p>
</div>
<!-- второй слайд -->
<div>
<h3>Вторая панель</h3>
<img src="Slideshow_v5/eye192.png" alt="Flying screens" style="float:left;margin:0 30px 20px 0" />
<p style="font-weight:bold">
Slide Show for Yukoz - Весь текст меняем на свой
</p>
<p>
Slide Show for Yukoz......
Всем доброго врямени суток, и так к вашему внеманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлогайте - и мы свами попробуем их зделать вместе.
Спасибо за ваше внемание с уважением - Zlatev Dima
</p>
</div>
<!-- третий слайд -->
<div>
<h3>Третья панель</h3>
<p style="font-weight:bold">
Slide Show for Yukoz - Весь текст меняем на свой
</p>
<p>
Slide Show for Yukoz......
Всем доброго врямени суток, и так к вашему внеманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлогайте - и мы свами попробуем их зделать вместе.
Спасибо за ваше внемание с уважением - Zlatev Dima
</p>
</div>
</div>
<!-- "Следующий слайд" кнопки -->
<a class="forward">следующий</a><p>
<!-- вкладки -->
<div class="slidetabs">
<a href=""></a>
<a href=""></a>
<a href=""></a>
</div>
<script language="JavaScript">
$(function() {
$(".slidetabs").tabs(".images > div", {
// uFace - by lekus
effect: 'fade',
fadeOutSpeed: "slow",
// начать с самого начала после последней вкладке
rotate: true
// использовать слайд-шоу плагин. Он принимает свою собственную конфигурацию
}).slideshow();
});
</script>
Ну вот собствено и все.
Нет не каких сложностей с установкой и использованием, пользуйтесь наздорове.
Посмотреть демо Slide Show for Yukoz
Другие новости |
Поделиться ссылкой
|
2 |
▐▐▐RAP▐▐▐ пишет: | 02.05.2012 | 19:07
Страница с комментарием |
Админ рипни плиз слайдер вот от сюда http://www.nokia.com/ru-ru/products/phone/lumia800/?intc=na-fw-ilc-na-home_hero_lumia800_white_1-na-home-ru-ru-1248046
(0)
|