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

希望其帮助..