Темно-красный слайдер для Ucoz. Листает 4 больших и 4 маленьких изображения. Очень подходит для каталога статей
Вставляем данный код туда где хотим видеть слайдер(обычно это это верхняя часть сайта):
Code
<link rel="stylesheet" type="text/css" href="http://www.csomsk.ru/1-ucoz/pm/style-css.css"><script type="text/javascript" src="http://www.csomsk.ru/1-ucoz/pm/jquery.min.js" ></script><script type="text/javascript" src="http://www.csomsk.ru/1-ucoz/pm/jquery.easing.1.3.js"></script><script type="text/javascript" src="http://www.csomsk.ru/1-ucoz/pm/jquery-ui.min.js" ></script><script type="text/javascript"> $(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=" ССЫЛКА НА КАРТИНКУ " alt="CSomsk.Ru" width="65"><span> НАЗВАНИЕ МАТЕРИАЛА </span></a></li><li class="ui-tabs-nav-item" id="nav-fragment-2">
<a href="#fragment-2"><img src=" ССЫЛКА НА КАРТИНКУ " alt="CSomsk.Ru" width="65"><span> НАЗВАНИЕ МАТЕРИАЛА </span></a></li><li class="ui-tabs-nav-item" id="nav-fragment-3">
<a href="#fragment-3"><img src=" ССЫЛКА НА КАРТИНКУ " alt="CSomsk.Ru" width="65"><span> НАЗВАНИЕ МАТЕРИАЛА </span></a></li><li class="ui-tabs-nav-item" id="nav-fragment-4">
<a href="#fragment-4"><img src=" ССЫЛКА НА КАРТИНКУ " alt="CSomsk.Ru" width="65"><span> НАЗВАНИЕ МАТЕРИАЛА </span></a></li></ul>
<!-- First Content -->
<div id="fragment-1" class="ui-tabs-panel" style=""><img src=" ССЫЛКА НА КАРТИНКУ(400x250) " alt="" width="400"><div class="info"><h2>
<a href=" ССЫЛКА НА МАТЕРИАЛ "> НАЗВАНИЕ МАТЕРИАЛА </a></h2><p> КРАТКОЕ ОПИСАНИЕ </p></div></div><!-- Second Content --><div id="fragment-2" class="ui-tabs-panel" style=""><img src=" ССЫЛКА НА КАРТИНКУ(400x250) " alt="CSomsk.Ru" width="400"><div class="info"><h2>
<a href=" ССЫЛКА НА МАТЕРИАЛ "> НАЗВАНИЕ МАТЕРИАЛА </a></h2><p> КРАТКОЕ ОПИСАНИЕ </p></div></div><!-- Third Content --><div id="fragment-3" class="ui-tabs-panel" style=""><img src=" ССЫЛКА НА КАРТИНКУ(400x250) " alt="CSomsk.Ru" width="400"><div class="info"><h2>
<a href=" ССЫЛКА НА МАТЕРИАЛ "> НАЗВАНИЕ МАТЕРИАЛА </a></h2><p> КРАТКОЕ ОПИСАНИЕ </p></div></div><!-- Fourth Content --><div id="fragment-4" class="ui-tabs-panel" style=""><img src=" ССЫЛКА НА КАРТИНКУ(400x250) " alt="CSomsk.Ru" width="400"><div class="info"><h2>
<a href=" ССЫЛКА НА МАТЕРИАЛ "> НАЗВАНИЕ МАТЕРИАЛА </a></h2><p> КРАТКОЕ ОПИСАНИЕ </p></div></div></div></td>