ismail-blog

Galeri Kodu

Konu Başlık

<SCRIPT type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></SCRIPT>  <div style="position:relative;width:880px;height:150px;background-color:#444;overflow:hidden;"> <div style="position:absolute;top:0px;left:0px;width:40px;height:150px;background-color:black;z-index:1001;"><input type="button" value="" style="cursor:pointer;display:none;margin:0px;padding:0px;width:40px;height:150px;background-image:url(http://1.bp.blogspot.com/-7rKPd4F_n3Y/TxRfHYjRR_I/AAAAAAAAEL4/cblJ2lFilZ4/s1600/sol1.jpg);border:none;" id="right" /> <input type="button" value="" style="margin:0px;padding:0px;display:block;width:40px;height:150px;background-image:url(http://1.bp.blogspot.com/-7rKPd4F_n3Y/TxRfHYjRR_I/AAAAAAAAEL4/cblJ2lFilZ4/s1600/sol1.jpg);border:none;" id="reright" /></div> <div style="margin-left:40px;width:800px;height:150px;overflow:hidden;"> <div id="content" style="top:16px;position:absolute;width:1600px;height:120px;z-index:1000;"> <table>     <tbody>         <tr>             <td><a href="resme tıklanınca gidilecek adres" _fcksavedurl="resme tıklanınca gidilecek adres" class="adresimm"><img alt="Resim ekle" class="resimimm" src="resmin adresi" _fcksavedurl="resmin adresi" /></a></td>             <td><a href="resme tıklanınca gidilecek adres" _fcksavedurl="resme tıklanınca gidilecek adres" class="adresimm"><img alt="" class="resimimm" src="resmin adresi" _fcksavedurl="resmin adresi" /></a></td>             <td><a href="resme tıklanınca gidilecek adres" _fcksavedurl="resme tıklanınca gidilecek adres" class="adresimm"><img alt="" class="resimimm" src="resmin adresi" _fcksavedurl="resmin adresi" /></a></td>             <td><a href="resme tıklanınca gidilecek adres" _fcksavedurl="resme tıklanınca gidilecek adres" class="adresimm"><img alt="" class="resimimm" src="resmin adresi" _fcksavedurl="resmin adresi" /></a></td>             <td><a href="resme tıklanınca gidilecek adres" _fcksavedurl="resme tıklanınca gidilecek adres" class="adresimm"><img alt="" class="resimimm" src="resmin adresi" _fcksavedurl="resmin adresi" /></a></td>             <td><a href="resme tıklanınca gidilecek adres" _fcksavedurl="resme tıklanınca gidilecek adres" class="adresimm"><img alt="" class="resimimm" src="resmin adresi" _fcksavedurl="resmin adresi" /></a></td>             <td><a href="resme tıklanınca gidilecek adres" _fcksavedurl="resme tıklanınca gidilecek adres" class="adresimm"><img alt="" class="resimimm" src="resmin adresi" _fcksavedurl="resmin adresi" /></a></td>             <td><a href="resme tıklanınca gidilecek adres" _fcksavedurl="resme tıklanınca gidilecek adres" class="adresimm"><img alt="" class="resimimm" src="resmin adresi" _fcksavedurl="resmin adresi" /></a></td>             <td><a href="resme tıklanınca gidilecek adres" _fcksavedurl="resme tıklanınca gidilecek adres" class="adresimm"><img alt="" class="resimimm" src="resmin adresi" _fcksavedurl="resmin adresi" /></a></td>             <td><a href="resme tıklanınca gidilecek adres" _fcksavedurl="resme tıklanınca gidilecek adres" class="adresimm"><img alt="" class="resimimm" src="resmin adresi" _fcksavedurl="resmin adresi" /></a></td>         </tr>     </tbody> </table> </div> </div> <div style="position:absolute;top:0px;right:0px;width:40px;height:150px;background-color:black;z-index:1001;"><input type="button" value="" style="cursor:pointer;margin:0px;padding:0px;display:block;width:40px;height:150px;background-image:url(http://3.bp.blogspot.com/-iPgAZJs2MRg/TxRfGrKWsvI/AAAAAAAAEL0/PZyMOoFw9B4/s1600/sag1.jpg);border:none;" id="left" /> <input type="button" value="" style="margin:0px;padding:0px;display:block;width:40px;height:150px;background-image:url(http://3.bp.blogspot.com/-iPgAZJs2MRg/TxRfGrKWsvI/AAAAAAAAEL0/PZyMOoFw9B4/s1600/sag1.jpg);border:none;" id="releft" /></div> </div> <style type="text/css">.adresimm{margin-top:5px;display:block;width:90px;height:110px;background-color:black;margin-left:45px;}  .resimimm{width:90px;height:110px;background-color:black;}</style>    <script type="text/javascript">
$("#right").click(function() {
    $("#content").animate(
            {"left": "+=590px"},
            "slow");
document.getElementById('right').style.display='none';
document.getElementById('left').style.display='block';
});
$("#left").click(function() {
    $("#content").animate(
            {"left": "-=590px"},
            "slow");
document.getElementById('right').style.display='block';
document.getElementById('left').style.display='none';
});
</script>

WEB TASARIM

HOŞGELDİNİZ

Galeri Kodu