팬시 박스 인라인 콘텐츠 문제

여기 누군가가 나를 도울 수 있기를 바랍니다.팬시 박스 인라인 콘텐츠 문제

fancybox를 설정하려고하는데 웹 페이지가로드 될 때 인라인 콘텐츠가 표시됩니다. 그러나 나는 그것이 작동하도록 할 수 없습니다. 여기에 지금까지 사용했던 코드입니다 :

<script type="text/javascript"> 
    $(document).ready(function() { 
     /* 
     * Simple image gallery. Uses default settings 
     */ 

     $('.fancybox').fancybox(); 

     /* 
     * Different effects 
     */ 

     // Change title type, overlay opening speed and opacity 
     $(".fancybox-effects-a").fancybox({ 
      helpers: { 
       title : { 
        type : 'outside' 
       }, 
       overlay : { 
        speedIn : 500, 
        opacity : 0.95 
       } 
      } 
     }); 

     $.fancybox.open([ 
      { 
       href : '#inline1', 
       title : '1st title' 
      } 
     ], { 
      padding : 0 
     }); 

    }); 
</script> 
<style type="text/css"> 
    .fancybox-custom .fancybox-skin { 
     box-shadow: 0 0 50px #222; 
    } 
</style>

다음과 같이 HTML은 다음과 같습니다

<h1>fancyBox</h1> 

<ul> 
    <li><a class="fancybox" href="#inline1" title="Lorem ipsum dolor sit amet">Inline</a></li> 

</ul> 

<div id="inline1" style="width:400px;display: none;"> 
    <h3>Etiam quis mi eu elit</h3> 
    <p> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien. Vestibulum imperdiet porta ante ac ornare. Nulla et lorem eu nibh adipiscing ultricies nec at lacus. Cras laoreet ultricies sem, at blandit mi eleifend aliquam. Nunc enim ipsum, vehicula non pretium varius, cursus ac tortor. Vivamus fringilla congue laoreet. Quisque ultrices sodales orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac. Maecenas nisl nunc, molestie vitae eleifend vel, iaculis sed magna. Aenean tempus lacus vitae orci posuere porttitor eget non felis. Donec lectus elit, aliquam nec eleifend sit amet, vestibulum sed nunc. 
    </p> 
</div>

희망 누군가가 도움이 될 수 있습니다 나는 단지 지금 나는 JQuery와/자바 스크립트를 배우고로, 이것이 모두 함께 매우 해킹 된 것을 알아라.

미리 감사드립니다.

출처

2012-06-29 Matt27

당신은 이미이

<a class="fancybox" href="#inline1" ....

은 당신이 (당신이 $.fancybox.open 부분이 필요하지 않을 것입니다.)

그것은 인라인 열립니다

$('.fancybox').fancybox().trigger("click");

같은 스크립트를 설정할 수있는 경우 페이지를로드하거나 링크를 클릭하면 fancybox의 내용을 볼 수 있습니다.

더 정교한 방식으로하고 싶다면 누군가가 처음으로 웹 사이트를 방문 할 때만 페이지로드시 fancybox를 시작해야합니다 (같은 세션에서 페이지로 돌아갈 때가 아닐 때). `$ (함수() { \t $ .fancybox.open ([ \t \t { \t \t \t HREF :이 https://stackoverflow.com/a/8305703/1055987

출처

2012-06-29 15:45:00 JFK

감사를 확인, 나는 결국 코드를 사용하여 작동하도록 팝업을 가지고 ' # inline1 ' \t \t}, \t], { \t \t 패딩 : 0 \t}); \t}); //]]> ' – Matt27

또한 저의 다른 기사를 보내 주셔서 감사합니다. 쿠키의 사용법을 살펴 봅니다. 사용자에게 쿠키 사용을 경고하는 새로운 유로 법적 요구 사항이 있지만 최선의 선택이 아닐 수도 있습니다. – Matt27

귀하의 페이지에 약간의 공개 충분하지 않을까? – JFK

팬시 박스 인라인 콘텐츠 문제

답변

관련 문제