Mình có file HTML như sau: text thì chạy ok. Nhưng chuyển vào DNN thì Không được !
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Demo jQuery Gallery - DNNVN.NET</title>
</head>
<body><link type="text/css" rel="stylesheet" href="galleryview.css" />
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript" src="jquery.galleryview-2.1.1.js"></script>
<script type="text/javascript" src="jquery.timers-1.2.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#gallery').galleryView({
panel_width: 800,
panel_height: 200,
background_color: '#111',
transition_interval: 3000,
overlay_height: 20,
frame_width: 100,
frame_height: 100
}
);
});
</script>
<ul id="gallery">
<li>
<div class="panel-overlay">
<h3>
Pretty Picture</h3>
<p>
Some more information about this photo, perhaps with a <a href="http://some.web.site"
target="_blank">link</a> to another page.</p>
</div>
<img src="Images/01.jpg" alt="image1" title="Pretty Picture 1" />
</li>
<li>
<div class="panel-overlay">
<h3>
Pretty Picture</h3>
<p>
Some more information about this photo, perhaps with a <a href="http://some.web.site"
target="_blank">link</a> to another page.</p>
</div>
<img src="Images/02.jpg" alt="image2" title="Pretty Picture 2" />
</li>
<li>
<div class="panel-overlay">
<h3>
Pretty Picture</h3>
<p>
Some more information about this photo, perhaps with a <a href="http://some.web.site"
target="_blank">link</a> to another page.</p>
</div>
<img src="Images/03.jpg" alt="image3" title="Pretty Picture 3" />
</li>
</ul>
</body>
</html>
Còn đây là file DNN của mình :
<%@ Control language="C#" Inherits="Philip.Modules.ImageSlide.ViewImageSlide" CodeFile="ViewImageSlide.ascx.cs" AutoEventWireup="true"%>
<%@ Register TagPrefix="dnn" TagName="Audit" Src="~/controls/ModuleAuditControl.ascx" %>
<asp:Image ID="Image4" runat="server"
ImageUrl="~/DesktopModules/ImageSlide/Images/01.jpg" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Demo jQuery Gallery - DNNVN.NET</title>
</head>
<body><link type="text/css" rel="stylesheet" href="galleryview.css" />
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript" src="jquery.galleryview-2.1.1.js"></script>
<script type="text/javascript" src="jquery.timers-1.2.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#gallery').galleryView({
panel_width: 800,
panel_height: 200,
background_color: '#111',
transition_interval: 3000,
overlay_height: 20,
frame_width: 100,
frame_height: 100
}
);
});
</script>
<ul id="gallery">
<li>
<div class="panel-overlay">
<h3>
Pretty Picture</h3>
<p>
Some more information about this photo, perhaps with a <a href="http://some.web.site"
target="_blank">link</a> to another page.</p>
</div>
<asp:Image ID="Image1" runat="server"
ImageUrl="~/DesktopModules/ImageSlide/Images/01.jpg" />
</li>
<li>
<div class="panel-overlay">
<h3>
Pretty Picture</h3>
<p>
Some more information about this photo, perhaps with a <a href="http://some.web.site"
target="_blank">link</a> to another page.</p>
</div>
<asp:Image ID="Image2" runat="server"
ImageUrl="~/DesktopModules/ImageSlide/Images/01.jpg" />
</li>
<li>
<div class="panel-overlay">
<h3>
Pretty Picture</h3>
<p>
Some more information about this photo, perhaps with a <a href="http://some.web.site"
target="_blank">link</a> to another page.</p>
</div>
<asp:Image ID="Image3" runat="server"
ImageUrl="~/DesktopModules/ImageSlide/Images/01.jpg" />
</li>
</ul>
</body>
</html>
Kết quả: