jquery attr в firefox

Я делаю полноэкранную систему смены фона с помощью jQuery. При входе на сайт делает полноэкранный фон по умолчанию, а при нажатии кнопки фон должен измениться. В опере все работает! Но с FireFox ничего не случилось. Я думаю, что проблема связана с функцией attr, пожалуйста, помогите найти проблему.

Все это вы можете увидеть на http://www.hiphopdance.lt

$(document).ready(function(){
//default actions
var now_img="images/bg.jpg";
resize(1600,900,"#bgimg",now_img);
$(window).bind("resize", function() { resize(1600,900,"#bgimg"); });
//default actions end

//clicks
$('li#red').click(function(){
$("img#bgimg").attr({src:'http://www.hiphopdance.lt/images/redbg.jpg'});
resize(1024,683,"#bgimg");
$(window).bind("resize", function() { resize(1024,683,"#bgimg"); });
});
//end clicks

//resize function start
function resize(img_width,img_height,img_id)
{
  var ratio = img_height / img_width;    
  // Get browser window size
  var browserwidth = $(window).width();
  var browserheight = $(window).height();
  // Scale the image
  if ((browserheight/browserwidth) > ratio){
      $(img_id).height(browserheight);
    $(img_id).width(browserheight / ratio);
  } else {
    $(img_id).width(browserwidth);
    $(img_id).height(browserwidth * ratio);
  }
  // Center the image
  $(img_id).css('left', (browserwidth - $(img_id).width())/2);
  $(img_id).css('top', (browserheight - $(img_id).height())/2);
}; 
//resize function end        

});

спасибо за ответ, я пробовал изменить с

$("img#bgimg").attr({src:'http://www.hiphopdance.lt/images/redbg.jpg'});

to 

$("img#bgimg").attr("src","http://www.hiphopdance.lt/images/redbg.jpg");

все еще работает в опере, но не в firefox/IE


jquery firefox attr
person Tomas    schedule 12.02.2011    source источник
comment
Кстати, вы можете использовать $(function () { }); а не $(document).ready(function(){ });   -  person The Muffin Man    schedule 12.02.2011

Ответы (2)


arrow_upward
0
arrow_downward 

$("img#bgimg").attr("src","http://www.hiphopdance.lt/images/redbg.jpg");

ключ, значение

Вы также можете использовать Firebug для Firefox, у него есть консоль javascript, которая вернет любые ошибки JS.

person The Muffin Man    schedule 12.02.2011
comment
@Tomas, тогда давай посмотрим твой html. - person The Muffin Man; 12.02.2011
comment
‹body› ‹img id=bgimg src=images/bg.jpg /› ‹div id=realBody›МОЙ САЙТ‹/div› ‹/body› также вы можете посетить htt://www.hiphopdance.lt и посмотреть ;) - person Tomas; 12.02.2011

arrow_upward
0
arrow_downward

Я нашел проблему! Проблема была в файле css, потому что у фона есть z-index:-1, а у всего сайта z-index:5. Меняю с 5 на 0. и

person Tomas    schedule 12.02.2011