Forum Arena

JavaScript Kodlari

Alıntıdır...

Önizleme Yukarıda

<center><script type="text/javascript" src="http://img5.xooimage.com/files/d/e/5/jquery-2--f80ba5.js"></script><script type="text/javascript" src="http://img25.xooimage.com/files/c/d/0/easyslider1.5-11fb25a.js"></script><script type="text/javascript"> 
        $(document).ready(function(){    
            $("#slider").easySlider({ 
                controlsBefore:    '<p id="controls">', 
                controlsAfter:    '</p>', 
                auto: true, 
                continuous: true 
            }); 
            $("#slider2").easySlider({ 
                controlsBefore:    '<p id="controls2">', 
                controlsAfter:    '</p>',        
                prevId: 'prevBtn2', 
                nextId: 'nextBtn2'    
            });            
        });    
    </script><style type="text/css">                img{border:none;}            #container2{             margin:0 auto;          position:relative;          text-align:left;          width:640px;          background:#161710;                 margin-bottom:2em;          }                          #content2{          position:relative;          }              /* Easy Slider */       #slider{}         #slider ul, #slider li, #slider2 ul, #slider2 li{          margin:0;          padding:0;          list-style:none;          }      #slider li, #slider2 li{          /*              define width and height of list item (slide)              entire slider area will adjust according to the parameters provided here          */          width:650px;  1        overflow:hidden;          }          #slider2 li{          background:#000000;          }             #slider2 li h2{          margin:0 20px;          padding-top:20px;          }         #slider2 li p{          margin:20px;          }                                      p#controls, p#controls2{          margin:0;          position:relative;          }           #prevBtn, #nextBtn, #prevBtn2, #nextBtn2{          display:block;          margin:0;          overflow:hidden;          text-indent:-8000px;                 width:60px;          height:75px;          position:absolute;          left: 0px;          top:-160px;          }         #nextBtn, #nextBtn2{          left:580px;          }                                                             #prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{          display:block;          width:60px;          height:75px;            background:url('https://img.webme.com/pic/o/osmantalay/left_manset.png') no-repeat 0 0;             }         #nextBtn a, #nextBtn2 a{          background:url('https://img.webme.com/pic/o/osmantalay/right_manset.png') no-repeat 0 0;             }                                                  /* // Easy Slider */</style>
<div id="container2">
<div id="content2">
<div id="slider">
<ul>
    <li><a href="/resimin gideceği yer">      <img alt=" " src="https://img.webme.com/pic/w/webnetlebi/font.jpg" width="630" height="241" /></a></li>
    <li><a href="h/resimin gideceği yer">      <img src="https://img.webme.com/pic/w/webnetlebi/pcbilesen.jpg" width="630" height="241" alt="" /></a></li>
    <li><a href="/resimin gideceği yer">      <img alt="Css Template Preview" src="https://img.webme.com/pic/w/webnetlebi/forum.jpg" width="630" height="241" /></a></li>
    <li><a href="/resimin gideceği yer">      <img alt="Css Template Preview" src="https://img.webme.com/pic/w/webnetlebi/kadro.jpg" width="630" height="241" /></a></li>
    <li><a href="http://webnetlebi.tr.gg/Android.htm">      <img src="https://img.webme.com/pic/w/webnetlebi/android.jpg" width="630" height="241" alt="" /></a></li>

Facebook Kapak Fotografları

JavaScript Kodlari

Önizleme Yukarıda

Alıntıdır...