2011-12-16 113 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 
     }); 
    }); 

在這裏,我保持圖像只有靜態的,但我想從頁面加載得到的圖像,現在我想從頁面加載動態加載圖像。

對於動態目的,我保存的圖像的URL hdImages('http://farm3.static.flickr.com/2687/4220681515_cc4f42d6b9.jpg','http://farm3.static.flickr.com/ 2687/4220681515_cc4f42d6b9.jpg')

當我上面寫的jQuery,如:

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

這裏現在沒有工作。 Plz告訴我如何從頁面加載將圖像加載到jquery。

在此先感謝

+0

你是什麼意思動態?通過代碼後面的變量加載它們? – Aristos 2011-12-16 01:22:58

回答

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

謝謝你的回覆,但這裏的問題是圖片的數量會動態加載意味着我們不知道確切的圖片計數的樣本目的我保留3張圖片在我的文章可能介於5到30張圖片 – Sree 2011-12-16 14:05:18

0

手動火災事件上document.ready ex.. $("#manual2").click();

0

你應該用你的函數如下腳本

即:

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

          //your script code here.. 
         }); 
    }); 

希望其幫助..