Javascript 带有数据库动态链接的Fancybox href（asp.net）

好的，我知道这已经被问了很多次了&对于那些被问到的问题，似乎有很多答案
但我不懂这些问题，因为它与我所寻找的有所不同。
我有两个问题，首先是视频
1.我有一个动态存储图像和视频的数据库。
2.现在在用户端，我想显示图像和视频
3.我通过从数据库调用Sqldatasource来生成链接。

 <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
ConnectionString="<%$ ConnectionStrings:horti %>" 
DeleteCommand="delete from [VideoGallery] where Id=@Id" SelectCommand="SELECT TOP (3) Id, Link FROM VideoGallery ORDER BY Id DESC">
<DeleteParameters><asp:Parameter Name="Id" /></DeleteParameters>
</asp:SqlDataSource>


 <asp:DataList ID="DataList3" runat="server" DataSourceID="SqlDataSource1" RepeatColumns="3">
  <ItemTemplate>
 <a class="fancybox-media" href='<%#Eval("Link")%>'>Youtube</a>
  </ItemTemplate>
 </asp:DataList>

我发现了一些类似于向href
添加动态链接的东西，但我这个笨蛋莱克不太了解如何实现该方法

用于图像
对于图片，我正在调用img src上的动态链接&来自数据库的href

Fancybox脚本

<script type="text/javascript">
  $(document).ready(function () {

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

  });

$（文档）.ready（函数（）{
$（'.fancybox'）.fancybox（）；
});

这也会加载与视频相同的内容，它会将图像本身加载到一个空白页面上，而不会产生叠加效果

我相信只要为href创建动态链接，一切都会顺利进行。
任何帮助都将不胜感激。

1）。关于视频：

Fancybox media helper仅支持流行视频网站（youtube、vimeo、dailymotion等）的格式；更多参考请参见本帖：

由于您的视频存储在本地，您需要一个播放器来执行它们（Fancybox不包括任何视频播放器），因此您可以使用或

请参阅本文，了解如何使用jwplayer，其中包括代码和演示

2）。关于图像：

链接中的

href

href="<%#"Photo_Gallery.ashx?Id="+ Eval("Id") %>"

href=“”

不会告诉fancybox您正在打开图像，因为链接没有图像扩展名（.jpg、.png、.gif），所以您必须强制内容的

类型

查看这篇文章，了解三种不同的方法。这也可以在>>常见问题选项卡>>第5页中找到

既然你是noob（你说的），你必须阅读和学习比你想象的更多的东西，但是上面的链接是一个很好的起点。
首先，@JK的回答为我指明了正确的方向，因此，大部分的功劳都是由JK整理我的查询

我正在发布我的答案，以防像我这样的傻瓜可能正在寻找与我相同的问题。
以下是我可以调整的确切答案。


用于视频

 <a href='<%# Eval("Link")%>' class="fancybox-media" >
 <img src='<%# Eval("Image_Id")%>' />




以及在


使用fancybox媒体


这样就可以播放视频了，您的播放器将弹出并播放视频


用于图像

很简单，只需添加
数据fancybox type=“image”
调用

@JK

伙计们，这就是问题所在。
非常感谢，@JFK我会浏览链接，如果这些链接对我有帮助，我会把它作为正确的答案。我相信这是真的。我在这里找到了这个链接：如果我使用“type”：“image”语法在我现有的代码中，它会以任何方式帮助我吗？再次感谢。&对于视频，我只存储来自youtube的链接（抱歉，我没有指定）。下面是一个存储链接的示例：&通过source调用iframe上的vid。@Lemdor:那么您的
$（'.fancybox media'）。fancybox（…）
应该可以在youtube上正常工作，只要确保您包含了正确的js文件
。顺便说一句，fancybox 2支持动态添加链接，所以您不必担心
 <a href='<%# Eval("Link")%>' class="fancybox-media" >
 <img src='<%# Eval("Image_Id")%>' />