Question

我正在使用.net和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
        });
    });

这里我只保留图像静态，但我想从页面加载中获取图像，现在我想从页面加载动态加载图像。

出于动态目的，我将图片网址保存到 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加载图像。

提前致谢

Answer 1

在document.ready ex.. $("#manual2").click();

上手动触发事件

Answer 2

你应该使用你的功能如下脚本

即：

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

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

希望得到它的帮助..

Answer 3

在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()

为ASPX动态加载jquery图像

3 个答案: