Kodsen

Resimli Galeri Kodu

Resim galerisi kodu! Haber sitelerindeki gibi resimli ve linkli galeri kodu burada! Kod sen tarafından sizler için özelleştirilen 8 resimli galeri scriptine bayılacaksınız! Üstelik galerideki resimlere link vermek çok kolay!

Ayarlar

Kod başlarında ardı ardına 8 adet resim kodu girilmiştir. her resime google.com linki verilmiştir. Kod içerisinden her bir resmi değiştirebilir, resime tıklanınca gidilecek adresi de belirleyebilirsiniz. Bu HTML foto galeri scriptine bayılacaksınız!

İlk resmin adresi: http://25.media.tumblr.com/tumblr_m7mbo6dqtf1r1n5a7o1_500.jpg
ilk resme tıklanınca gidilen adres: http://google.com

Not: önizlemede linkler çalışmaz.

Bu Kod Tamamen Kod Dostuna Aittir.

Kod Dostuna Gittmek İçin Tıklayınız.

Anterior

Siguiente

<div style="position:relative;width:466px;height:346px;overflow:hidden;"><div id="broder"> <div id="slide">  <a id="p1" href="http://google.com" _fcksavedurl="http://google.com" target="_blank"><img src="http://25.media.tumblr.com/tumblr_m7mbo6dqtf1r1n5a7o1_500.jpg" _fcksavedurl="http://25.media.tumblr.com/tumblr_m7mbo6dqtf1r1n5a7o1_500.jpg"/></a>  <a id="p2" href="http://google.com" _fcksavedurl="http://google.com" target="_blank"><img src="http://s2.favim.com/orig/32/cool-girl-nice-photography-sweet-Favim.com-250583.jpg" _fcksavedurl="http://s2.favim.com/orig/32/cool-girl-nice-photography-sweet-Favim.com-250583.jpg"/></a>  <a id="p3" href="http://google.com" _fcksavedurl="http://google.com" target="_blank"><img src="http://images.smh.com.au/2010/02/23/1156376/2010_mercedes_F_800_Style_5_600-600x400.jpg" _fcksavedurl="http://images.smh.com.au/2010/02/23/1156376/2010_mercedes_F_800_Style_5_600-600x400.jpg"/></a>  <a id="p4" href="http://google.com" _fcksavedurl="http://google.com" target="_blank"><img src="http://25.media.tumblr.com/tumblr_m6z5ddKV0r1qjw0u8o1_500.jpg" _fcksavedurl="http://25.media.tumblr.com/tumblr_m6z5ddKV0r1qjw0u8o1_500.jpg"/></a>  <a id="p5" href="http://google.com" _fcksavedurl="http://google.com" target="_blank"><img src="http://24.media.tumblr.com/tumblr_m85xc3h9sT1rrt0dco1_500.jpg" _fcksavedurl="http://24.media.tumblr.com/tumblr_m85xc3h9sT1rrt0dco1_500.jpg"/></a>  <a id="p6" href="http://google.com" _fcksavedurl="http://google.com" target="_blank"><img src="http://25.media.tumblr.com/tumblr_m6z5ddKV0r1qjw0u8o1_500.jpg" _fcksavedurl="http://25.media.tumblr.com/tumblr_m6z5ddKV0r1qjw0u8o1_500.jpg"/></a>  <a id="p7" href="http://google.com" _fcksavedurl="http://google.com" target="_blank"><img src="http://images.smh.com.au/2010/02/23/1156376/2010_mercedes_F_800_Style_5_600-600x400.jpg" _fcksavedurl="http://images.smh.com.au/2010/02/23/1156376/2010_mercedes_F_800_Style_5_600-600x400.jpg"/></a>  <a id="p8" href="http://google.com" _fcksavedurl="http://google.com"target="_blank"><img src="http://images.smh.com.au/2010/02/23/1156376/2010_mercedes_F_800_Style_5_600-600x400.jpg" _fcksavedurl="http://images.smh.com.au/2010/02/23/1156376/2010_mercedes_F_800_Style_5_600-600x400.jpg"/></a>   </div> <div id="previous"><b>Anterior</b></div> <div id="next"><b>Siguiente</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 id="b6"><b>6</b></div> <div id="b7"><b>7</b></div> <div id="b8"><b>8</b></div>  </div> <script type="text/javascript">


</script>  </div>   </div> <script src="http://img4.xooimage.com/files/a/9/3/jquery-b17397.js" type="text/javascript"></script> <script type="text/javascript">
/* ================================================================
This copyright notice must be untouched at all times.
Copyright (c) 2009 Stu Nicholls - stunicholls.com - all rights reserved.
=================================================================== */
$(document).ready(function(){
current = 1;
button = 1;
images = 10;
width = 380;

$('#p1').animate({"left": "0px"}, 300, "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 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>

Resimli Galeri Kodu

Ayarlar

Not: önizlemede linkler çalışmaz.

REKLAM ALANI !

KATALOGLAR !

REKLAM ALANI !

5 SON KONU !

Twitter

FACEBOOK

SOSYAL MEDYA !

ARAÇ & GEREÇ !