Главная » Готовые решения для uCoz
Слайдер для новостных сайтов на uCoz
27.04.2013, 14:21 | |
Достаточно популярная версия слайдера в системе uCoz Установка: 1. Копируем коды стилей css и скрипты и ставим их в код страниц сайта где будет отображаться слайдер, вверх. Код <link rel="stylesheet" type="text/css" href="http://911.ucoz.org/_files/stuff/sliders/2/joomla.ucoz.com.style.css"> <script type="text/javascript" src="http://911.ucoz.org/_files/stuff/sliders/2/jquery.min.js" ></script> <script type="text/javascript" src="http://911.ucoz.org/_files/stuff/sliders/2/jquery.easing.1.3.js"></script> <script type="text/javascript" src="http://911.ucoz.org/_files/stuff/sliders/2/jquery-ui.min.js" ></script> 2. Копируем код слайдера ниже и ставим на сайт, где нужно выводить слайдер. Код <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="911.ucoz.org" width="65"><span> НАЗВАНИЕ МАТЕРИАЛА </span></a></li><li class="ui-tabs-nav-item" id="nav-fragment-2"> <a href="#fragment-2"><img src=" ССЫЛКА НА КАРТИНКУ " alt="911.ucoz.org" width="65"><span> НАЗВАНИЕ МАТЕРИАЛА </span></a></li><li class="ui-tabs-nav-item" id="nav-fragment-3"> <a href="#fragment-3"><img src=" ССЫЛКА НА КАРТИНКУ " alt="911.ucoz.org" width="65"><span> НАЗВАНИЕ МАТЕРИАЛА </span></a></li><li class="ui-tabs-nav-item" id="nav-fragment-4"> <a href="#fragment-4"><img src=" ССЫЛКА НА КАРТИНКУ " alt="911.ucoz.org" 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="911.ucoz.org" 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="911.ucoz.org" 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="911.ucoz.org" width="400"><div class="info"><h2> <a href=" ССЫЛКА НА МАТЕРИАЛ "> НАЗВАНИЕ МАТЕРИАЛА </a></h2><p> КРАТКОЕ ОПИСАНИЕ </p></div></div></div></td> | |
Всего комментариев: 0 | |