모든 이미지 갤러리 링크로 배경 이미지 변경

페이지의 모든 이미지 링크로 이동하면 페이지 배경을 어떻게 변경합니까? 페이지의 모든 이미지에 따라 페이지 배경을 동적으로 변경하고 싶습니다. 내가 무엇을 말하려고하는지 정확한 아이디어를 얻으려면 코드를 살펴보십시오.모든 이미지 갤러리 링크로 배경 이미지 변경

<script> 
     $(function() { 
     $("a").hover(function() { 
     var $link = $("img").attr("src"); 
       $("body").css("background", "url(" + $link + ")"); 
     }); 
     }); 
    </script> 

<html> 
    <body> 
     <a href="#" title=""> 
     <img src="portfolio_files/NEWSALV.gif" alt=""> 
     </a> 
     <a href="#" title=""> 
     <img src="portfolio_files/TSThumb.gif" alt=""> 
     </a> 
     <a href="#" title=""> 
     <img src="portfolio_files/MoreheadThumb.gif" alt=""> 
     </a> 
    </body> 
</html>

감사합니다. 미리 감사드립니다.

출처

2012-05-18 tamal3053

$("img")을 사용하면 매번 문서에 처음으로 img 요소가 반환됩니다. 매번 a 요소를 기준으로 img 요소를 찾아야합니다.

이것은 $(this) 및 .find()을 사용하여 얻을 수 있습니다.

<script> 
    $(function() { 
     $("a").hover(function() { 
      var $link = $(this).find("img").attr("src"); 
      $("body").css("background", "url(" + $link + ")"); 
     }); 
    }); 
</script>

출처

2012-05-18 13:07:52 Curt

멋진 답장을 보내 주셔서 감사합니다. :) 신의 축복 – tamal3053

모든 이미지 갤러리 링크로 배경 이미지 변경

답변

관련 문제