þÿ$(document).ready( function() { // Sayfam1z haz1r olduu zaman a_a1daki kodlar1n uygulanaca1n1 söylüyoruz. var i = 0; // Hangi sayfada/divde [0, 1, 2, 3, 4] olduumuzu at1yaca1m1z dei_ken. var tumgenislik = 0; // Bu dei_kende kaç1nc1 sayfada/divdeyse o ve ondan önceki divlerin geni_liklerinin toplam1 yer alacak. Ba_lang1ç deeri olarak 0 at1yoruz. var genislik = $('.phts').width(); // Ola ki slider '1n geni_liini dei_tirmek istersek hem css hem .js dosyam1zda dei_iklik yapmamak için '#slider div' etiketinin geni_liini bu dei_kene at1yoruz. function animasyon(px){ // Slider '1m1z1n geçi_ animasyonu için animasyon ad1nda fonksiyon olu_turuyoruz. $('#slider').stop(false, false).animate({ // #slider 'a animasyon tan1ml1yoruz. Slider 'da gördüümüz sayfalar1n hepsi #slider '1n içinde bulunmakta. left: -px // Fonksiyona girilen px dei_keni kadar sola kaymas1n1 sal1yoruz. }, 300); // Buradaki deer animasyonun gerçekle_ecei milisaniyeyi belirtiyor. } $('.sliderButton').click(function () { // #slider '1n sol alt kö_esinde belirlediimiz 5 adet linke t1klan1nca yap1lacak i_lem için fonksiyon olu_turuyoruz. var index = $(this).index(); // Linke t1klan1nca kaç1nc1 link olduunu index() ile al1yoruz. 0lk link 1 deil 0 deerini vermektedir. pozisyon = index * genislik; // #slider '1m1z1 ne kadar sola kayd1raca1m1z1 belirten dei_ken. Örnein ikinci linke t1klay1nca 1*500 deerini alacakt1r. animasyon(pozisyon); // Bir önceki sat1rda belirlediimiz pozisyon dei_keni kadar #slider '1m1z1n sola gitmesi için gerekli fonksiyonu çal1_t1r1yoruz. if(index == 7){ // #slider1m1z son sayfaya/dive geldiinde sayfalar1m1z bitmi_ olaca1 için #slider '1 en ba_a götürmemize yar1yan _art cümlecii. i = 0; // ^art cümlediimiz true dönerse i dei_kenine 0 deerini atay1p #slider '1m1z1 en ba_a götürüyoruz. }else{ i = index + 1; // ^art cümleciimiz false dönerse i dei_kenine bir sonraki sayfan1n kaç1nc1 sayfa olduunu belirtiyoruz. } return false; // Fonksiyonunun daha i_lem yapmas1na gerek kalmad11n1 belirtiyoruz. }); var zamanlayici = setInterval(function() { // zamanlayici ad1nda bir zamanlay1c1/timer belirliyoruz. tumgenislik = i * genislik; // tumgenislik dei_kenini 3. sat1rda aç1klam1_t1k. Hangi sayfada isek o ve ondan önceki sayfalar1n/divlerin geni_liklerinin toplam1n1 al1yor. if(i==7){ // #slider '1m1z1 son sayfaya geldiini kontrol eden _art cümlecii i = -1; // Normalde ilk sayfam1z için 0 deeri verilmesi gerek. Fakat alt sat1rda animasyon fonksiyonu çal1_1p #slider sola doru kayaca1 için -1 deerini veriyoruz. } animasyon(tumgenislik); // #slider '1m1z1n vakti gelince uygulayaca1 animasyon fonksiyonu. #slider '1 tumgenislik dei_keninin deeri kadar sola kayd1r1yor. i++; // Zamanlay1c1 her çal1_t11nda bir sonraki sayfaya/dive geçmesi için i dei_kenini her seferinde 1 artt1r1yoruz. }, 3000); // Buradaki deer ise zamanlay1c1m1z1n kaç milisaniyede bir çal1_mas1 gerektiini belirtiyor. });