로그인 폼을 방문 할 때마다 ASP.NET에서 임의의 이미지가 표시됩니다.

ASP.NET에서 다음과 같은 코드를 사용하여 사용자가 로그인 페이지로 이동할 때마다 임의의 이미지를 호출합니다. Internet Explorer에서 잘 작동하지만 다른 브라우저에서는 작동하지 않습니다. 내가 누락 된 것? 내 문제가 해결되지 않으면이 코드를 사용하여로그인 폼을 방문 할 때마다 ASP.NET에서 임의의 이미지가 표시됩니다.

<head runat="server"> 
<title>Login</title> 
<link href="css/reset.css" rel="stylesheet" /> 
<link href="css/default.css" rel="stylesheet" /> 
<link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'/> 
<script src="js/jquery-1.9.1.js"></script> 
<script src="js/jquery-ui-1.10.3.custom.min.js"></script> 
<script src="development-bundle/ui/jquery.ui.button.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $('input:submit, input:reset').each(function() { 
       $(this).replaceWith('<button type="submit" name="' + $(this).attr('name') + '" class="' + $(this).attr('class') + '" id="' + $(this).attr('id') + '" >' + $(this).val() + '</button>'); 
      }); 
      $("input:button, a, button", ".page").button(); 
      $("a", ".demo").click(function() { return false; }); 

    var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg', 'image6.jpg', 'image7.jpg', 'image8.jpg']; 
    $('body').css({ 'background': 'url(img/loginBackground/' + images[Math.floor(Math.random() * images.length)] + ') no-repeat fixed 100% 100%;' }); 

     }); 

</script>

. 그것은 나를 Internet Explorer 또는 기타의 배경을 볼 수 없습니다 :

$("body").css({ 'background-image': 'url(img/loginBackground/' + images[Math.floor(Math.random() * images.length)] + ')'}); 
$("body").css({'background-repeat':'no repeat'}); 
$("body").css({'background-size':'100% 100%'});

출처

2013-08-14 Edgar J. Rodriguez

가 어떻게이 jQuery를 디버깅 할 :
이 시도? 나는 중단 점을 놓았다. 그러나 그것은 멈추지 않았다. –

가장 좋은 방법은 $ (document) .ready (function() {}) –

의 코드를 $ (document) .ready (function() {})을 사용하여 실행하려고 시도했지만 여전히 사용할 수 없습니다. 작동하게 만들다. –

작품을 : 별도의 라인

var imageUrl = 'img/loginBackground/' + images[num]; 
$('body').css('background-image', 'url("img/' + images[num]+'")'); 
$("body").css({'background-repeat':'no-repeat'}); 
$("body").css({'background-size':'100% 100%'});

출처

2013-08-14 11:40:30 Marcus

$ ('body') .css ({ '배경': 'url ("img/loginBackground /'+ images [수학 안내 : 무작위 이미지 (* images.length)] + '") 100 % 100 %; '}); 위 코드를 시도했지만 여전히 작동하지 않습니다. –

자세한 내용을 제공하도록 코드를 업데이트했습니다. –

Firefox에서 잘 작동합니다. 단지 테스트 해 보았습니다. 아직도 큰 따옴표가 누락 되었습니까? 일부 코드가 업데이트되었습니다 ... – Marcus

세트 본체의 스타일.

var images = ['them1.png', 'them2.png', 'them3.png', 'them4.png']; 
$("body").css({ 'background-image': 'url(skins/' + 
    images[Math.floor(Math.random() * images.length)] + ')'}); 
$("body").css({'backgroundRepeat':'no repeat'}); 
$("body").css({'backgroundSize':'100% 100%'});

출처

2013-08-14 11:45:49

IE 또는 Chrome에서는 실행되지 않습니다. 자세한 내용을 제공하기 위해 코드 샘플을 업데이트했습니다. –

Chrome과 IE에서 완벽하게 작동합니다. –

나는 뭔가 잘못하고있을 것입니다. 나중에 프로젝트를 다시 만들어서 충돌이 있는지 확인하겠습니다. –

로그인 폼을 방문 할 때마다 ASP.NET에서 임의의 이미지가 표시됩니다.

답변

관련 문제