Informerī
Code
<li class="sliderElement rad3" style="width: 147px; height: 200px; float: left;"><a href="$ENTRY_URL$"><img src="$IMG_URL1$" alt="$TITLE$" title="$TITLE$" style="width: 147px; height: 200px;"></a></li>
<style>
.sliderContent {padding:5px 0px; background:#2B2929; width: 100%!important;} .sliderElement {margin:3px; padding:3px; opacity:0.7; background-color:#5F6365; border-radius: 3px} .sliderElement:hover {opacity:3;}
.sliderButtonNext {
background: url("http://ucozwebmeistars.ucoz.lv/_fr/50/6881283.png") no-repeat;
width: 60px;
height: 37px;
text-decoration: none;
position: absolute;
z-index: 2;
top: 90px;
left: -10px;
}
.sliderButtonPrev {
background: url("http://ucozwebmeistars.ucoz.lv/_fr/50/6881283.png") -2px -38px no-repeat;
width: 60px;
height:37px;
text-decoration: none;
position: absolute;
z-index: 2;
top: 90px;
right: -1px;
}
.sliderButtonNext:active {
background: url("http://ucozwebmeistars.ucoz.lv/_fr/50/6881283.png") -2px 0px no-repeat;
}
.sliderButtonPrev:active {
background: url("http://ucozwebmeistars.ucoz.lv/_fr/50/6881283.png") 1px -38px no-repeat;
}
</style>
Kur vēlies redzēt slaidrādi
Code
<center>
<div id="slider_2016" style="position: relative;width: 92%;">
<a href="#" class="sliderButtonNext"></a>
<a href="#" class="sliderButtonPrev"></a>
<div class="sliderContent" timeoutid="3717" style="height:200px; overflow: hidden;">
<ul class="sliderElements" style="margin: 0px; padding: 0px; position: relative; list-style-type: none; max-width: 3330px; height: 200px; left: 0px;">
$MYINF_12$
</ul>
</div>
</div>
<script type="text/javascript" src="http://ucozwebmeistars.ucoz.lv/_fr/50/sliderFor.js"></script>
<script type="text/javascript"><!--
$(function(){
$('#slider_2016').sliderForDLE({scroll:1, visible:9, speed:1000, interval:5, auto:true, vertical:false, course:'next', buttonNext:'sliderButtonNext', buttonPrev:'sliderButtonPrev',mousewheel:false}).show();
});
//--></script>
</center>
Iznākums