Элегантный слайдер для ucoz, оформленный в шикарной черно-красной гамме, поразит ваше воображение. К тому же, его редактирование и модификация станут приятным и непринужденным занятием. Вне зависимости от выбранного дизайна, этот прекрасный слайдер будет выглядеть великолепно.
Установка:
Вставляем данный код туда где хотим видеть слайдер (обычно это это верхняя часть сайта):
Вставляем данный код туда где хотим видеть слайдер (обычно это это верхняя часть сайта):
<link rel="stylesheet" type="text/css" href="//img.excelkin.online/s/web/uCoz/Slider/1/style.css">
<script type="text/jаvascript" src="//img.excelkin.online/s/web/uCoz/Slider/1/jquery.min.js" ></script>
<script type="text/jаvascript" src="//img.excelkin.online/s/web/uCoz/Slider/1/jquery.easing.1.3.js"></script>
<script type="text/jаvascript" src="//img.excelkin.online/s/web/uCoz/Slider/1/jquery-ui.min.js" ></script>
<script type="text/jаvascript"> $(document).ready(function(){ $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); }); </script><br>
<div id="featured"><ul class="ui-tabs-nav"><li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1">
<a href="#fragment-1"><img src="//img.excelkin.online/s/web/uCoz/Slider/1/avto-live.jpg" alt="GiG-LiFe.ru" width="65"><span>Красотка</span></a></li><li class="ui-tabs-nav-item" id="nav-fragment-2">
<a href="#fragment-2"><img src="//img.excelkin.online/s/web/uCoz/Slider/1/avto-live.jpg" alt="GiG-LiFe.ru" width="65"><span>Красотка</span></a></li><li class="ui-tabs-nav-item" id="nav-fragment-3">
<a href="#fragment-3"><img src="//img.excelkin.online/s/web/uCoz/Slider/1/avto-live.jpg" alt="GiG-LiFe.ru" width="65"><span>Красотка</span></a></li><li class="ui-tabs-nav-item" id="nav-fragment-4">
<a href="#fragment-4"><img src="//img.excelkin.online/s/web/uCoz/Slider/1/avto-live.jpg" alt="GiG-LiFe.ru" width="65"><span>Красотка</span></a></li></ul>
<!-- First Content --><div id="fragment-1" class="ui-tabs-panel" style=""><img src="//img.excelkin.online/s/web/uCoz/Slider/1/avto-live.jpg" alt="" width="400" header="250"><div class="info"><h2>
<a href="//img.excelkin.online/">Красотка</a></h2><p>Ах... машинка</p></div></div>
<!-- Second Content --><div id="fragment-2" class="ui-tabs-panel" style=""><img src="//img.excelkin.online/s/web/uCoz/Slider/1/avto-live.jpg" alt="GiG-LiFe.ru" width="400" header="250"><div class="info"><h2>
<a href="//img.excelkin.online/">Красотка</a></h2><p>Ах... машинка</p></div></div>
<!-- Third Content --><div id="fragment-3" class="ui-tabs-panel" style=""><img src="//img.excelkin.online/s/web/uCoz/Slider/1/avto-live.jpg" alt="GiG-LiFe.ru" width="400" header="250"><div class="info"><h2>
<a href="//img.excelkin.online/">Красотка</a></h2><p>Ах... машинка</p></div></div>
<!-- Fourth Content --><div id="fragment-4" class="ui-tabs-panel" style=""><img src="//img.excelkin.online/s/web/uCoz/Slider/1/avto-live.jpg" alt="GiG-LiFe.ru" width="400" header="250"><div class="info"><h2>
<a href="//img.excelkin.online/">Красотка</a></h2><p>Ах... машинка</p></div></div></div></td>
