0

私は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");

まだオペラでは動作しますが、Firefox/IEでは動作しません

4

2 に答える 2

0

問題が見つかりました！バックラウンドには z-index:-1 があり、すべてのサイトの z-index:5 があるため、css ファイルに問題がありました。5 から 0 に変更します。

于 2011-02-12T08:42:55.717 に答える
0 
$("img#bgimg").attr("src","http://www.hiphopdance.lt/images/redbg.jpg");

key, value

You can also use Firebug for firefox, it has a javascript console which will return any JS errors.

于 2011-02-12T07:20:09.883 に答える