わかりました、私はこれがかなりの数尋ねられたことを知っています.そして、尋ねられたものにはかなりの答えがあるようです.
しかし、私は探しているものとは多少異なるため、これらのクエリを理解するのは苦手です。
最初にビデオ 1 に対して 2 つのクエリ
があります。画像とビデオが動的に保存されるデータベースがあります。
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>
(ここまではすべて
問題ありません) 4. を呼び出すとhref='<%#Eval("Link")%>'、fancy-box がポップアップしてビデオを再生せず、代わりにポップアップ オーバーレイ効果なしでビデオをフルスクリーンでロードします。
ビデオのファンシーボックススクリプトは
$(document).ready(function () {
$('.fancybox').fancybox();
$('.fancybox-media')
.attr('rel', 'media-gallery')
.fancybox({
openEffect: 'none',
closeEffect: 'none',
prevEffect: 'none',
nextEffect: 'none',
arrows: false,
helpers: {
media: {},
buttons: {}
}
}); });
ここで StackOverflowの
href に動的リンクを追加するのと似たようなものを見つけまし
たが、初心者の lyk は、画像の
For Image
メソッドを実装する方法をあまり理解できませんでした。img
src と href で動的リンクを呼び出しています。データベースから
<a class="fancybox" data-fancybox-group="gallery" title="<%#Eval("Title") %>"
href="<%#"Photo_Gallery.ashx?Id="+ Eval("Id") %>">
<img src='<%#"Photo_Gallery.ashx?Id="+ Eval("Id") %>'>
</a>
Fancybox スクリプト
<script type="text/javascript">
$(document).ready(function () {
$('.fancybox').fancybox();
});
これもビデオと同じものをロードします。オーバーレイ効果なしで空白のページに画像自体をロードします.href
の動的リンクを作成するだけですべてがうまくいくと思います.
どんな助けでも大歓迎です。