jquery background slider

[anonīms]

// change background img in a row
   var bg_i = 1;
   var rotateBg = setInterval(function(){
   $('#bg').fadeOut( 'slow', function(){
         $('#bg').removeClass().addClass('img'+bg_i).fadeIn('slow');
         bg_i = bg_i+1;
         if (bg_i == 5) { bg_i = 1; }
   });
   }, 3000);

 

nepieciešams, ka bg bilde nomainās ik pēc pāris sekundēm, kas arī izdodas, bet vēlos panākt kko līdzīgu fadein/out efektam, bet iedarbojoties tam visi elementi, kas atrodas pa virsu arī tiek "feidoti". Kā panākt, ka tikai bg bildei mainoties ir šis efekts?

[anonīms]

vēl klāt

// choose background img manual
 function choose_bg(img_id)
 {
    $('#bg_slider ul li').removeClass('active');
    $('#bg_slider ul li.bg'+img_id).addClass('active');
    $('#bg').removeClass().addClass('img'+img_id);
    var bi_i = img_id;
 }


$(function(){

// change background img in a row
   var bg_i = 1;
   $('#bg_slider ul li.bg'+bg_i).addClass("active");

   var rotateBg = setInterval(function(){
         $('#bg').removeClass().addClass('img'+bg_i);

         // bg slide chooser
         $('#bg_slider ul li').removeClass('active');
         $('#bg_slider ul li.bg'+bg_i).addClass('active');
         bg_i = bg_i+1;
         if (bg_i == 6) { bg_i = 1; }
   }, 6000);

 

lieta sekojoša. Izvēloties manuāli viss ir ok, bet pēc intervāla atkal atgriežas pie automātiskā skaitīšanas cipara. Kā šo ciparu no manuālā varētu "iebarot" automātiskajai sistēmai? Mēģināju ar

var bi_i = img_id;

bet nesanāk. Paldies

[anonīms]

atslēgvārds ir jquery global variable, bet uz pirmo es vēl gaidu atbildi

[indoom]

Opacity ietekmēs visus child nodes. Ja gribi atsevišķi bg feidot, tad tam jābūt atsevišķā elementā no satura. Noteikti position absolute/relative un z-indexiem kaut ko var sastelēt.

[briedis]

Es vizdrīzāk galvenajam konteinerim liktu caurspīdīgu fonu un tieī zem tā pabāztu tieši tik pat lielu divu uz ar fona attēlu kuru tad varētu feidot un vēl sazin ko darīt...