배경을 변경하려면 버튼을 추가하십시오.

-3

갤러리에 Fancybox v2가 있습니다. 나는 다른 배경을보고 싶어. 열린 장소에는 배치 할 그림과 외부 배경을 변경할 수있는 3 개의 단추가 있습니다. 구현할 수 있습니까? 모든 도움과 조언을 주셔서 감사합니다.배경을 변경하려면 버튼을 추가하십시오.

출처

2012-11-23 user1844730

아무 것도 시도하지 않으셨습니까? – sandeep

모두 사용하는 선택 도구에 따라 다릅니다. $ (body) .css ({ 'background-image': 'url (... 여기에 URL)'})은 본문 이미지를 변경합니다. 전체 코드 :

<style> 
    body{ 
     background-image:url(image%20here); 
    } 
</style> 
<script> 
    $(document).ready(function(){ 
     $('#button1').click(function(){ 
      $(body).css({'background-image' : 'url("new%20image%20here")'}); 
     } 
     /*alternative way*/ 
     $('#button2').click(function(){ 
      var url = 'new%20url%20one'); 
      changeBody(url); 
     }); 
     $('#button3').click(function(){ 
      var url = 'new%20url%20two'); 
      changeBody(url); 
     }); 
    }); 
    changeBody(url){ 
     $(body).css({'background-image' : url}); 
    } 
<script> 
</head> 
<body> 
    <button id="button1">Change 1</button></br> 
    <button id="button2">Change 2</button></br> 
    <button id="button3">Change 3</button></br> 
</body>

출처

2012-11-23 13:15:26 sourRaspberri

감사합니다. 비슷한 코드가 있습니다. 하지만 Fancybox v2에서 사용해야합니다. 나는 그것을 지정하는 것을 잊었다. 누구든지 fancybox에서 이것을 실현하는 방법을 알고 있습니까? – user1844730

죄송합니다. 플러그인을 사용하지 않으려 고합니다. 멋진 박스 크기를 보면서 어떻게하는지보십시오. – sourRaspberri

배경을 변경하려면 버튼을 추가하십시오.

답변

관련 문제