Динамически загружать изображения jquery для ASPX

я использую .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
        });
    });

Здесь я сохраняю только статические изображения, но я хочу получать изображения при загрузке страницы. Теперь я хочу динамически загружать изображения при загрузке страницы.

Для динамических целей я сохранил 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
        });
    });

Вот сейчас не работает. Пожалуйста, скажите мне, как загрузить изображения в jquery с загрузки страницы.

заранее спасибо


jquery asp.net jquery-ui
person Sree    schedule 16.12.2011    source источник
comment
что вы имеете в виду под динамическим? Загрузил их переменной в коде позади ?   -  person Aristos    schedule 16.12.2011

Ответы (3)


arrow_upward
0
arrow_downward

На странице 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()
person Jason    schedule 16.12.2011
comment
Спасибо за ваш ответ, но здесь проблема в том, что количество изображений будет загружаться динамически, что означает, что мы не знаем точного количества изображений для примера. Я оставил 3 изображения в своем посте, это может быть от 5 до 30 изображений. - person Sree; 16.12.2011
comment
Ну, я не знаю точную логику, которую вам нужно реализовать для вашего сайта. Возможно, вместо строки вы будете использовать список строк, но принцип останется прежним — загрузите динамическую часть на сервер и привяжите ее к JavaScript. - person Jason; 16.12.2011
comment
если у меня есть изображения типа 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 - person Sree; 16.12.2011

arrow_upward
0
arrow_downward

Вы должны использовать свою функцию, как показано ниже script

i.e : 

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

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

Надеюсь на помощь..

person Jignesh Rajput    schedule 16.12.2011

arrow_upward
0
arrow_downward

вручную запускать событие на document.ready ex.. $("#manual2").click();

person pravin    schedule 16.12.2011