Here we have a very simple and fast working slider for uCoz sites it has no buttons or anything and it will slide automaticly, will work on any site if you follow these steps below:
1. Go to File Manager and make a folder called js.
2. Download this file and upload it to js folder in File Manager
(link: http://builder.ucoz.net/publ_files/builder.ucoz.net_s3Slider.js )
3. Copy and paste the script below:
Code
<style type="text/css" media="screen">
#slider {
width: 500px; /* important to be same as image width */
height: 260px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}
#sliderContent {
width: 450px; /* important to be same as image width or wider */
position: absolute;
top: 0;
margin-left: 0;
list-style-type: none;
}
.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage .top {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 500px;
background-color: #000;
filter: alpha(opacity=90);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
}
.clear {
clear: both;
}
.sliderImage span strong {
font-size: 2.1em;
}
.top {
top: 0;
left: 0;
}
.bottom {
bottom: 0;
left: 0;
}
</style>
<script src="/js/s3Slider.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('#slider').s3Slider({
timeOut: 4000
});
});
</script>
<div id="slider">
<ul id="sliderContent">
<!-- <Nw1> -->
<li class="sliderImage" style="display: none">
<a href="Link to your entry">
<img src="Image url" alt=""/>
</a>
<span class="top" style="display: none">
<strong>builder.ucoz.net</strong>
<br/>
Desription (no more than 75 simbols)
</span>
</li>
<!-- </Nw1> -->
<!-- <Nw2> -->
<li class="sliderImage" style="display: none">
<a href="Link to your entry">
<img src="Image url" alt=""/>
</a>
<span class="top" style="display: none">
<strong>builder.ucoz.net</strong>
<br/>
Desription (no more than 75 simbols)
</span>
</li>
<!-- </Nw2> -->
<div class="clear sliderImage"/>
</ul>
</div>
4. Dont forget to change and , also you can copy paste it and rename it(nw3) to have 3 news in your slider*
Here you go! You have a slider for free on your uCoz website!