2011-12-16 3 views
1

私は画像ポップアップのために.netとjqueryを使用しています。ここでASPX用にjquery画像を動的にロード

$("#manual2").click(function() { 
    var imageNames = document.getElementById("hdImages").value; 
     $.fancybox([ 
      'http://farm3.static.flickr.com/2687/4220681515_cc4f42d6b9.jpg', 
      'http://farm3.static.flickr.com/2687/4220681515_cc4f42d6b9.jpg', 
      { 
       'href' : 'http://farm5.static.flickr.com/4005/4213562882_851e92f326.jpg', 
       'title' : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' 
      } 
     ], { 
      'padding'   : 0, 
      'transitionIn'  : 'none', 
      'transitionOut'  : 'none', 
      'type'    : 'image', 
      'changeFade'  : 0 
     }); 
    }); 

今私は、ページのロードから動的にイメージをロードしたい、私は静止画像のみを保持し、しかし、私は、ページの読み込みから画像を取得したいです。 iはhdImagesに画像のURLを保存した動的ため

( 'http://farm3.static.flickr.com/2687/4220681515_cc4f42d6b9.jpg','http://farm3.static.flickr.com/ここで

$("#manual2").click(function() { 
    var imageNames = document.getElementById("hdImages").value; 
     $.fancybox([ 
      imageNames 
     ], { 
      'padding'   : 0, 
      'transitionIn'  : 'none', 
      'transitionOut'  : 'none', 
      'type'    : 'image', 
      'changeFade'  : 0 
     }); 
    }); 

今働いていない:

私は上記のjQueryのように書く2687/4220681515_cc4f42d6b9.jpg ')。 Plz画像をページロードからjqueryにロードする方法を教えてください。事前

+0

あなたは動的に何を意味するのですか?変数のコードを後ろにロードしましたか? – Aristos

答えて

0

aspxページの

  $("#manual2").click(function() { 
    $.fancybox([ 
        ' ', 
        '<%# ImageUrl %>', 
        { 
            'href'  : '<%# ImageUrl %>', 
            'title' : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' 
        } 
    ], { 
        'padding'           : 0, 
        'transitionIn'      : 'none', 
        'transitionOut'     : 'none', 
        'type'              : 'image', 
        'changeFade'        : 0 
    }); 
}); 
をPage_Load機能で

ImageUrl = "http://..." 
.... 

Page.DataBind() 
+0

URレスポンスありがとうございますが、ここで問題となるのは、動的に読み込まれる画像の数が、サンプルの目的のために正確な画像数を知っていないということです。私の投稿に3枚の画像を保存しました.5〜30枚の画像があります。 – Sree

+0

あなたのウェブサイトに実装する必要がある正確なロジック。たぶん文字列の代わりに、文字列のリストを使用しますが、原則は同じままです - 動的部分をサーバーにロードし、JavaScriptにデータバインドします。 – Jason

+0

http:\\ www.xxx.com \ 1.jpg、http:\\ www.xxx.com \ 2.jpg、http:\\ www.xxx.com \ 3.jpg、http: \\ www.xxx.com \ 4.jpg次に、これらの画像をjqueryに渡す方法 – Sree

0

おかげで、手動でスクリプト

すなわち以下のようにあなたの関数を使用する必要がありますdocument.ready ex.. $("#manual2").click();

0

にイベントを発生さ:

$(function() { 
        $("#manual2").click(function() { 

          //your script code here.. 
         }); 
    }); 
その助けをホープス

..

関連する問題