Слайдер для ucoz прост в установке ,скопируйте ниже приведенный код и поставьте туда куда вам нужно на вашем сайте картинки ставим свом также смотрим демо версию скрипта,так-же вы можете отредактировать под свой размер
Code
<link href="http://stock-exchange.ucoz.com/993/slideshow_buttontitle.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript" src="http://stock-exchange.ucoz.com/993/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://stock-exchange.ucoz.com/993/slideshow_buttontitle.js"></script>
</head>
<body>
<script language="javascript" type="text/javascript">
$(function() {
$("#slideshow1").slideshow_buttontitle({
time_interval: '3000',
window_background_color: "#FFF",
window_padding: '1',
window_width: '300',
window_height: '250',
border_size: '1',
border_color: 'black',
title_text_color: 'white',
title_background_color: '#42AEC2',
button_color: '#84C5D2',
button_current_color: '#2C7E8F',
button_size: '15'
});
$("#slideshow2").slideshow_buttontitle({
time_interval: '2000',
window_background_color: "#FFF",
window_padding: '2',
window_width: '200',
window_height: '150',
border_size: '2',
border_color: '#9C0',
title_text_color: '#000',
title_background_color: '#9C0',
button_color: '#9C0',
button_current_color: '#9F0',
button_size: '10'
});
});
</script>
<pre>
</pre>
<div id="slideshow1" class="slideshow_buttontitle">
<ul>
<li><a href="#" title="title1"><img src="http://s002.radikal.ru/i198/1001/c7/455abe0e10e0.jpg" alt="slideshow_large"/></a></li>
<li><a href="#" title="title2"><img src="http://www.pushkino.org/ipb/uploads/av-14573.jpg" alt="slideshow_large"/></a></li>
<li><a href="#" title="title3"><img src="http://img1.liveinternet.ru/images/foto/b/3/983/3491983/f_18787515.jpg" alt="slideshow_large"/></a></li>
<li><a href="#" title="title4"><img src="http://files.seclub.org/pic/0/8/f/08f59c057a1a0ca50cfad104da3358b4.jpg" alt="slideshow_large"/></a></li>
</ul>
<div class="slideshow_simple1_title">
</div>
<ul class="slideshow_simple1_nav">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div style="clear: both"></div>
</div>
<script type="text/javascript" src="http://stock-exchange.ucoz.com/993/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://stock-exchange.ucoz.com/993/slideshow_buttontitle.js"></script>
</head>
<body>
<script language="javascript" type="text/javascript">
$(function() {
$("#slideshow1").slideshow_buttontitle({
time_interval: '3000',
window_background_color: "#FFF",
window_padding: '1',
window_width: '300',
window_height: '250',
border_size: '1',
border_color: 'black',
title_text_color: 'white',
title_background_color: '#42AEC2',
button_color: '#84C5D2',
button_current_color: '#2C7E8F',
button_size: '15'
});
$("#slideshow2").slideshow_buttontitle({
time_interval: '2000',
window_background_color: "#FFF",
window_padding: '2',
window_width: '200',
window_height: '150',
border_size: '2',
border_color: '#9C0',
title_text_color: '#000',
title_background_color: '#9C0',
button_color: '#9C0',
button_current_color: '#9F0',
button_size: '10'
});
});
</script>
<pre>
</pre>
<div id="slideshow1" class="slideshow_buttontitle">
<ul>
<li><a href="#" title="title1"><img src="http://s002.radikal.ru/i198/1001/c7/455abe0e10e0.jpg" alt="slideshow_large"/></a></li>
<li><a href="#" title="title2"><img src="http://www.pushkino.org/ipb/uploads/av-14573.jpg" alt="slideshow_large"/></a></li>
<li><a href="#" title="title3"><img src="http://img1.liveinternet.ru/images/foto/b/3/983/3491983/f_18787515.jpg" alt="slideshow_large"/></a></li>
<li><a href="#" title="title4"><img src="http://files.seclub.org/pic/0/8/f/08f59c057a1a0ca50cfad104da3358b4.jpg" alt="slideshow_large"/></a></li>
</ul>
<div class="slideshow_simple1_title">
</div>
<ul class="slideshow_simple1_nav">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div style="clear: both"></div>
</div>
Z Скачать
Категория:
Слайдер для uCoz
Просмотров:
1943
