2013-03-14 4 views
0

Galleria를 사용하여 내 페이지에이 오류가 있습니다. 이전에 테스트 페이지를 만들었으므로 완벽하게 작동했습니다. 하지만 오우 내가 마스터에서 콘텐츠 페이지에 그것을 사용해야합니다 그래서 내가 모든 데이터를 가져 왔을 때, 그것은이 오류를 줬어. 이 사진과 함께 목록보기를로드하지만 은 도움을 주시기 바랍니다 갤러리아하지 초기화 실패 : Galleria에서 "#runPics"요소를 찾을 수 없습니다.

<script type="text/javascript" src="../galleria/galleria-1.2.9.min.js"></script> 
<script type="text/javascript" src="../galleria/themes/classic/galleria.classic.min.js"></script> 
<link type="text/css" rel="stylesheet" href="../gallerai/themes/classic/galleria.classic.css" /> 

<style > 
    #galleria 
    { 
     width: 700px; 
     height: 400px; 
     background: #000; 
    } 
</style> 
<style > 
    .body 
    { 
     width: 700px; 
     height: 500px; 
    } 
</style> 


<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="select i.imageID, g.Title, i.[Image Title], i.[Image] from Images i, Gallery g where g.ID = i.[Gallery ID]"></asp:SqlDataSource> 

    <div style="width: 700px; text-align: center; height: 500px"> 
     <div id="runPics" runat="server"> 
     <br /> 
     <br /> 

     <asp:ListView ID="lstPics" runat="server" DataSourceID="SqlDataSource1"> 


      <ItemTemplate> 
       <td> 

        <Club:ImageThumbnail ID="ImageThumbnail2" runat="server" PhotoID='<%# Bind("imageID") %>' /> 

       </td> 
      </ItemTemplate> 
     </asp:ListView> 
    </div> 
</div> 

<%-- <div id="galleria"> 
    <img src="../images/1.jpg"> 
    <img src="../images/3.jpg"> 
    <img src="../images/4.jpg"> 
    <img src="../images/5.jpg"> 
    <img src="../images/6.jpg"> 
    <img src="../images/7.jpg"> 
</div>--%> 

<script > 
    //$('#gallery').galleria({ 
    // width: 700, 
    // height: 400 
    //}); 
    //Galleria.loadTheme('../galleria/themes/classic/galleria.classic.min.js'); 
    Galleria.configure({ 
     transition: 'fade' 

    }); 
    Galleria.run('#runPics', { 
     autoplay: 5000 
    }); 
    Galleria.ready(function (o) { 
     var gallery = this, 
      p = !!o.autoplay; 
     this.$('thumbs,more').click(function() { 
      gallery.pause(); 
     }); 
     this.$('desc,thumbnails').click(function() { 
      p && gallery.play(); 
     }); 
    }); 

</script> 
    </html> 

이 모든

<html xmlns="http://www.w3.org/1999/xhtml"> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN"> 
하는 ASP inbetween : 내용 태그

답변

0

는 고정 된 것이

변경의 Web.config에 : system.web 페이지 controlRenderingCompatibilityVersion = "3.5"clientIDMode = "정적"/>

및 제거 TD> 내 목록보기 태그

관련 문제