Parašė 1941· 2015 Vas. 26 13:02:30
#2
Chebra, kažką radau. Kas padės pritaikyti fusionui šitą sliderį?
<style type="text/css">
.slider {
width: 745px;
height: 191px;
overflow: hidden;
margin: 30px auto;
{
.shadow {
background-repeat: no-repeat;
background-position:top;
width: 864px;
height: 200px;
margin:-60px auto;
}
</style>
<script type ="text/javascript "src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type ="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type ="text/javascript">
function Slider(){
$(".slider #1").show("fade", 500);
$(".slider #1").delay(5500).hide("slide", {direction: "left"}, 500);
var sc=$(".slider img").size();
var count=2;
setInterval (function(){
$(".slider #"+count).show("slide",{direction: "right"}, 500);
$(".slider #"+count).delay(5500).hide("slide", {direction: "left"}, 500);
if (count == sc) {
count = 1;
}else{
count=count +1;
}
}
}
</script>
<body onload="Slider();">
<div class="slider">
<img id="1" src="http://www.f1taure.lt/images/logo_1.png" border="0" alt="A lyga belgija"/>
<img id="2" src="http://www.f1taure.lt/images/logo_2.png" border="0" alt="B lyga belgija"/>
</div>
<div class="shadow"></div>
</body>
Redagavo 1941· 2015 Vas. 26 13:02:14