Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj26.02.2015, 08:46 (UTC)    
Mesaj konusu: sliderın otomatik dönmesini istiyorum yardım

<style type="text/css"><!--
#broder{width:338px;height:321px;background:#333;border:3px solid #666;position:absolute;{fixed:left:917px;top:228px;}}
#slide{width:338px;height:321px;overflow:hidden;position:absolute;left:0px;top:0px;background:#fff;border:0px solid #698639;border-color:#698639 #e0ebcb #e0ebcb #698639;}
#slide a{width:338px;height:321px;text-decoration:none;display:block;position:absolute;left:338px;}
#slide a img{display:block;border:0;}
#title{width:131px;height:132px;position:absolute;left:5px;top:-30px;}
#previous{width:50px;height:50px;background:url(http://www.resimupload.net.tr/image.php?di=CH00);position:absolute;left:0px;top:130px;cursor:pointer;}
#next{width:50px;height:50px;background:url(http://www.resimupload.net.tr/image.php?di=1MHC);position:absolute;left:290px;top:130px;cursor:pointer;}
#buttons{position:absolute;left:113px;top:300px;}
#buttons div{width:20px;height:20px;background:url(http://www.resimupload.net.tr/image.php?di=RJBG);float:left;margin-right:5px;display:inline;}
#buttons div b{display:block;width:20px;height:20px;line-height:19px;font-family:arial, sans-serif;font-size:11px;color:#16a;text-align:center;cursor:pointer;}
img#loading{position:absolute;left:378px;top:170px;}
#previous b,#next b{display:none;}
--></style><div align="right"><script src="http://social-media-dosyalari.googlecode.com/files/jquery-slider.js" type="text/javascript"></script><script type="text/javascript">// <![CDATA[
$(document).ready(function(){
current = 1;
button = 1;
images = 5;
width = 340;
$('#p1').animate({"left": "0px"}, 400, "swing");
$('#b1').css("backgroundPosition", "left bottom")
$('#b1 b').css("color","#fff");
$("#next").click(function() {
button = current;
current++
if (current == (images+1) ) {current = 1}
animateLeft(current,button)});
$("#previous").click(function() {
button = current;
current--
if (current == 0 ) {current = images}
animateRight(current,button)});
$("#buttons div").click(function() {
button=current;
clickButton = $(this).attr('id');
current = parseInt(clickButton.slice(1));
if (current > button) {animateLeft(current,button)}
if (current < button) {animateRight(current,button)}});
$("#buttons div b").mouseover(function() {
if (($(this).css("color")) == "#16a" || ($(this).css("color")) == "rgb(17, 102, 170)") {$(this).css("color","#000");}});
$("#buttons div b").mouseout(function() {
if (($(this).css("color")) == "#000" || ($(this).css("color")) == "rgb(0, 0, 0)") {$(this).css("color","#16a");}});
function animateLeft(current,button) {
$('#p'+current).css("left",width +"px");
$('#p'+current).animate({"left": "0px"}, 400, "swing");
$('#p'+button).animate({"left": -width+"px"}, 400, "swing");
setbutton()}
function animateRight(current,button) {
$('#p'+current).css("left",-width+"px");
$('#p'+current).animate({"left": "0px"}, 400, "swing");
$('#p'+button).animate({"left": width+"px"}, 400, "swing");
setbutton()}
function setbutton () {
$('#b'+button).css("backgroundPosition", "left top")
$('#b'+button+' b').css("color","#16a");
$('#b'+current).css("backgroundPosition", "left bottom")
$('#b'+current+' b').css("color","#fff");}});
// ]]></script><div id="broder"><div id="slide"><img alt="loading" id="loading" src="http://2.bp.blogspot.com/-BLReN523CAY/UT6Mlea2VhI/AAAAAAAAAQg/PVNrzTjOz5A/s1600/loading.gif" /><a href="../?pnum=11&amp;pt=K%C3%B6fteci+Mustafa+%C5%9Eanl%C4%B1urfa" id="p1"><img height="323" src="http://www.resimupload.net.tr/image.php?di=8LBZ" width="338" alt="Meftun Apart Front" title="Meftun Apart Front" /></a> <a href="http://www.netteurfa1.denemepaketi.com/?Syf=4&amp;Fa=5&amp;Id=237784" id="p2"><img height="323" src="http://www.resimupload.net.tr/image.php?di=MYTL" width="338" alt="Meftun Apart Havuz" title="Meftun Apart havuz" /></a> <a href="http://www.netteurfa1.denemepaketi.com/?Syf=4&amp;Fa=5&amp;Id=237784" id="p3"><img height="323" src="http://www.resimupload.net.tr/image.php?di=NWMX" width="338" alt="Meftun Apart Salon" title="Meftun Apart Salon" /></a> <a href="http://www.netteurfa1.denemepaketi.com/?SyfNmb=1&amp;pt=Anasayfa" id="p4"><img height="323" src="http://www.resimupload.net.tr/image.php?di=XNZE" width="338" alt="Meftun Apart Balkon" title="Meftun Apart Balkon" /></a> <a href="http://www.netteurfa1.denemepaketi.com/?SyfNmb=1&amp;pt=Anasayfa" id="p5"><img height="323" src="http://www.resimupload.net.tr/image.php?di=EPII" width="338" alt="Meftun Apart A&ccedil;ık mutfak" title="Meftun Apart A&ccedil;ık Mutfak" /></a></div><div id="previous"><b>&Ouml;nceki</b></div><div id="next"><b>Sonraki</b></div><div id="buttons"><div id="b1"><b>1</b></div><div id="b2"><b>2</b></div><div id="b3"><b>3</b></div><div id="b4"><b>4</b></div><div id="b5"><b>5</b></div></div></div></div>


En son netteurfa tarafından 26.02.2015 08:47:19 tarihinde değiştirildi, toplam 1 kere değiştirildi
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu