//In our jQuery function, we will first cache some element and define
some variables:
var $bg = $('#background'),
$bg_img = $bg.find('img'),
$bg_img_eq = $bg_img.eq(0),
total = $bg_img.length,
current = 0,
$next = $('#next'),
$prev = $('#prev')
$(window).load(function(){
//hide loader
$('#body_loader').fadeOut('fast', function(){
init();
}).remove();
});
var intervalID,
play = $('#play'),
titleItem = $('.title-item');
//shows the first image and initializes events
function init(){
//get dimentions for the image, based on the windows size
var dim = getImageDim($bg_img_eq);
//set the returned values and show the image
$bg_img_eq.css({
width : dim.width,
height : dim.height,
left : dim.left,
top : dim.top
}).fadeIn('normal');
//resizing the window resizes the $tf_bg_img
$(window).bind('resize',function(){
var dim = getImageDim($bg_img_eq);
$bg_img_eq.css({
width : dim.width,
height : dim.height,
left : dim.left,
top : dim.top
});
});
var activeTitle = $bg_img_eq.attr('title');
titleItem.html(activeTitle);
titleItem.html(function(){
var text= $(this).text().split(" ");
var last = text.pop();
return text.join(" ")+ (text.length > 0 ? " "+ last + "" : last);
});
play.bind('click', function() {
if($(this).hasClass('pause')) {
clearInterval(intervalID);
$(this).removeClass('pause').addClass('play');
} else {
$(this).addClass('pause').removeClass('play');
intervalID = setInterval("$('#next').trigger('click')", 10000);
}
}); 
Değişen Arkaplan Yardım |
5 Mesajlar | 1.615 Okunma | ||
- Üyelik 06.06.2012
- Yaş/Cinsiyet - / E
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 3
- Beğeniler 0 / 0
- Ticaret 0, (%0)
Arkadaşlar merhaba şimdi hazır bi tepmlate sitede jquery ile yazılmış değişen arkaplan sistemi var bu sistem play butonuna basınca çalışmaya başlıyo,benim istediğim site açılınca play butonuna gerek kalmadan resimlerin değişmesi ama jquery bilgim yok denecek kadar az.Arkaplan fonksiyonlarının geçtiği kodu aşağıda yardımcı olursanız sevinirim.
- Üyelik 18.04.2012
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum İstanbul Anadolu
- Ad Soyad Ö** D**
- Mesajlar 1683
- Beğeniler 751 / 310
- Ticaret 24, (%100)
Bu belki işinize yarar hocam. :) http://www.okansaglam.com.tr/jquery-ile-sayfa-yenilendiginde-degisen-arkaplan.html
- Üyelik 06.06.2012
- Yaş/Cinsiyet - / E
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 3
- Beğeniler 0 / 0
- Ticaret 0, (%0)
Bu belki işinize yarar hocam. :) http://www.okansaglam.com.tr/jquery-ile-sayfa-yenilendiginde-degisen-arkaplan.html
aslında istediğim bu değil ama ilginiz için teşekkür ederim,yukarıdaki kod üstünde bir kaç değişiklik hallediliyo mu onu istiyorum aslında tabi olabiliyosa :)
- Üyelik 07.04.2012
- Yaş/Cinsiyet 30 / E
- Meslek Blog Yazarı + Tasarımcı
- Konum
- Ad Soyad Ş** T**
- Mesajlar 613
- Beğeniler 5 / 48
- Ticaret 1, (%100)
www.muzik.uzmaniyiz.com eger istediğiniz buysa yardımcı olaym
- Üyelik 06.06.2012
- Yaş/Cinsiyet - / E
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 3
- Beğeniler 0 / 0
- Ticaret 0, (%0)
www.muzik.uzmaniyiz.com eger istediğiniz buysa yardımcı olaym
evet aynen bu :), yardımcı olursan sevinirim.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)