[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Скрипты для uCoz » Новости сайта » Новый новостной слайдер
Новый новостной слайдер
NooneДата: Вторник, 14.02.2012, 23:04 | Сообщение # 1
Продвинутый
Группа: Администратор
Сообщений: 65
Репутация: 2


CSS:



HTML:
Код
<div style="display: block;" class="sliderkit carousel-demo2">  
<div class="sliderkit-nav">  
<div style="width: 694px; height: 133px;" class="sliderkit-nav-clip">  
<ul style="width: 1400px;">  

<li style="width: 130px; height: 130px;">  
<a href="ссылка на новость" title="название новости">  
<img ilo-full-src="ссылка на изображение" alt="" src="ссылка на изображение">  
</a></li>  

<li style="width: 130px; height: 130px;">  
<a href="ссылка на новость" title="название новости">  
<img ilo-full-src="ссылка на изображение" alt="" src="ссылка на изображение">  
</a></li>  

<li style="width: 130px; height: 130px;">  
<a href="ссылка на новость" title="название новости">  
<img ilo-full-src="ссылка на изображение" alt="" src="ссылка на изображение">  
</a></li>  

</ul>  
</div>  
<div class="knopki">  
     <div class="sliderkit-btn sliderkit-nav-btn sliderkit-nav-prev"><a href="#" title="Назад"><span>Назад</span></a></div>  
     <div class="sliderkit-btn sliderkit-nav-btn sliderkit-nav-next"><a href="#" title="Дальше"><span>Дальше</span></a>

HTML:
<div style="display: block;" class="sliderkit carousel-demo2">  
<div class="sliderkit-nav">  
<div style="width: 694px; height: 133px;" class="sliderkit-nav-clip">  
<ul style="width: 1400px;">  

<li style="width: 130px; height: 130px;">  
<a href="ссылка на новость" title="название новости">  
<img ilo-full-src="ссылка на изображение" alt="" src="ссылка на изображение">  
</a></li>  

<li style="width: 130px; height: 130px;">  
<a href="ссылка на новость" title="название новости">  
<img ilo-full-src="ссылка на изображение" alt="" src="ссылка на изображение">  
</a></li>  

<li style="width: 130px; height: 130px;">  
<a href="ссылка на новость" title="название новости">  
<img ilo-full-src="ссылка на изображение" alt="" src="ссылка на изображение">  
</a></li>  

</ul>  
</div>  
<div class="knopki">  
     <div class="sliderkit-btn sliderkit-nav-btn sliderkit-nav-prev"><a href="#" title="Назад"><span>Назад</span></a></div>  
     <div class="sliderkit-btn sliderkit-nav-btn sliderkit-nav-next"><a href="#" title="Дальше"><span>Дальше</span></a>


Skript:
Код
<script type="text/javascript" src="...../js/jquery.sliderkit.1.5.1.js"></script>  
<script type="text/javascript">  
jQuery(window).load(function() {  
jQuery(".carousel-demo2").sliderkit({  
shownavitems: 5, <--------------- количество отображаемых материалов  
scroll: 1,  
mousewheel: true,  
circular: true,  
start: 2  
};);  
};);  
</script>
р е к л а м а

 
bigcitiesPapДата: Понедельник, 21.11.2016, 07:29 | Сообщение # 2
Новичок
Группа: Пользователи
Сообщений: 2
Репутация: 0
Город Гонконг — экономический оплот всего мира, там где каждый миг происходят операции на миллиарды баксов. А ведь до 1997 г. он был одной изо английских колоний, далеко не претендующих на вселенскую славу.
В год освобождения от гнета Ее Величества власти принимают курс «Единственная страна, две системы». План предусматривает, что территориально место относится Китаю. Но в вопросах управления, финансового прогресса, внешней политики – исключительно обитателям Гонконга.
р е к л а м а

[url=http://bigcities.org/?p=10738]Страны Южной Азии[/url] тут можно все про него прочитать
 
Форум » Скрипты для uCoz » Новости сайта » Новый новостной слайдер
  • Страница 1 из 1
  • 1
Поиск: