JS 팝업이 메뉴에 추가 된 후에 Galleria 코드가 작동하지 않습니다.

도움이 필요합니다.JS 팝업이 메뉴에 추가 된 후에 Galleria 코드가 작동하지 않습니다.

이 코드가 더 이상 작동하지 않는 이유를 알 수 없습니다. 더 구체적으로는 미리보기 이미지를 무시합니다. 방아쇠.

그 밖의 모든 기능은 작동하지 않으며 Dreamweaver는 강조 표시되어있을 때 닫히지 않은 상태로 강조 표시됩니다.

의견을 보내 주시면 감사하겠습니다.

<body> 
<div class="w-container"> 
<div class="w-row header"> 
    <div class="w-col w-col-3"> 
    <img src="images/header-logo.png" width="200" alt="5359c20f0548c9ed470000c8_header-logo.png"> 
    </div><!--close w-col w-col-3--> 
    <div class="w-col w-col-9 nav-column"><a class="w-inline-block nav-link" href="index.html"><h3>Main</h3></a><a class="w-inline-block nav-link" href="portfolio.php"><h3>Portfolio</h3></a><a class="w-inline-block nav-link" href="http://outtamymindphoto.ca/blog" target="_blank"><h3>Blog</h3></a> 
    <a 
    class="w-inline-block nav-link" href="index.html"> 
     <h3>Contact Us</h3> 
     </a> 
    </div><!--close w-col w-col-9 nav-column--> 
</div><!--close w-row header--> 
</div><!--close w-container--> 
    <div class="portfolio-main-image"> 
    <div id="galleria"> 
      <?php 

      $images = glob('images/creative/*.{jpg,jpeg,png,gif}', GLOB_BRACE); 
      foreach ($images as $image) { 
       { 

       ?> 

      <img src ="<?php echo $image; ?> " rel="galleria[galleria] " 
      img data-big="<?php echo $image; ?>" /> 


      <?php 
       } 
      } ?> 
       <script> 
     // Load the classic theme 
      Galleria.loadTheme('./js/galleria.classic.min.js'); 
      // Hide caption button 
      Galleria.configure({ 
       showInfo: false, 
       history:true, 
       lightbox:true, 
       fullscreenDoubleTap:true, 
       swipe:true, 
       thumbnails: false, 
      }); 
      // Initialize Galleria 
      Galleria.run('#galleria'); 
    </script> 
     </div><!--close Galleria--> 
    </div><!--close Portfolio-main-image--> 
<div class="portfolio-selector"> 
<div class="portfolio-center"> 
    <div class="w-container portfolio-select"> 
     <?php 

    require('./includes/portmenu.php'); 

    ?> 
    </div><!--close w-container portfolio-select--> 
</div><!--close portfolio-center--> 
</div><!--close portfolio-selector--> 
<div class="w-container footer"> 
<div class="w-row"> 
    <div class="w-col w-col-6 w-clearfix"> 
    <div class="made-by">Made by Webflow.com</div> 
    </div> 
    <div class="w-col w-col-6 w-clearfix"> 
    <div class="hosted">Hosted by MITVIS.com</div> 
    </div> 
</div> 
</div> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script type="text/javascript" src="js/webflow.js"></script> 
<!--[if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"> </script><![endif]--> 
</body>

출처

2014-07-07 Steven

지저분한 방법이지만, 축소판을 다시 숨긴 Galleria CSS에 다음을 추가했습니다.

<style> 
.galleria-thumbnails{ 
display:none; 
} 
</style>

출처

2014-07-07 17:06:21 Steven

JS 팝업이 메뉴에 추가 된 후에 Galleria 코드가 작동하지 않습니다.

답변

관련 문제