0

わかりました、私はこれがかなりの数尋ねられたことを知っています.そして、尋ねられたものにはかなりの答えがあるようです.
しかし、私は探しているものとは多少異なるため、これらのクエリを理解するのは苦手です。
最初にビデオ 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

の動的リンクを作成するだけですべてがうまくいくと思います.
どんな助けでも大歓迎です。

4

2 に答える 2

2

1)。動画について：

Fancybox メディア ヘルパーは、人気のあるビデオ サイト (youtube、vimeo、dailymotion など) のフォーマットのみをサポートします。詳細については、この投稿を参照してください: https://stackoverflow.com/a/11388765/1055987

ビデオはローカルに保存されるため、それらを実行するにはプレーヤーが必要です (Fancybox にはビデオ プレーヤーは含まれていません) 。たとえば、 jwplayerまたはmedialelement.jsを使用できます。

コードとデモを含むjwplayer https://stackoverflow.com/a/14326919/1055987の使い方については、この投稿を参照してください。

2)。画像について：

あなたのhrefリンクの

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

リンクには画像拡張子 (.jpg、.png、.gif) がないため、画像を開いていることを fancybox に通知しませんtype。

それを行う 3 つの異なる方法については、この投稿https://stackoverflow.com/a/17554660/1055987を確認してください。http://fancyapps.com/fancybox/#support >> FAQ タブ >> No.5にもあります。

あなたは初心者なので（あなたが言った）、あなたが思っている以上に読んで学ばなければなりませんが、上記のリンクは良い出発点です.

于 2013-10-22T22:54:58.880 に答える