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 : 내용 태그