Hocam yazı içine koymak için şöyle bir galeri var elimde işini görürse kodlarla oynayarak örnektekine yakın birşeyler ortaya çıkarabilirsiniz.



<script>
$(document).ready(function(){
current = 1;
button = 1;
images = 3;
width = 450;
$('#p1').animate({"left": "0px"}, 500, "swing");
$('#t1').css("display", "block");
$("#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)});
function animateLeft(current,button) {
$('#p'+current).css("left",width +"px");
$('#p'+current).animate({"left": "0px"}, 500, "swing");
$('#p'+button).animate({"left": -width+"px"}, 500, "swing");
setbutton()}
function animateRight(current,button) {
$('#p'+current).css("left",-width+"px");
$('#p'+current).animate({"left": "0px"}, 500, "swing");
$('#p'+button).animate({"left": width+"px"}, 500, "swing");
setbutton()}
function setbutton () {
$('#galery-number').html(''+current+'');
$('#t'+button).css("display","none");
$('#t'+current).css("display","block");}});
</script>

<

1

>

Yazı alanı 1

deneme

Yazı alanı 3

Bu kodu yazı editöründen html sekmesine yapıştırıp istediğiniz gibi düzenleyebilirsiniz. Tabii ki;

Daha önceden