JQuery attr на Firefox - PullRequest
Новая
       15

JQuery attr на Firefox

0 голосов
/ 12 февраля 2011

Я делаю полноэкранную систему смены фона с помощью 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'});

до 

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

по-прежнему работает в Opera, но не в Firefox / IE

Ответы [ 2 ]

0 голосов
/ 12 февраля 2011

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

0 голосов
/ 12 февраля 2011 
$("img#bgimg").attr("src","http://www.hiphopdance.lt/images/redbg.jpg");

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

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

...