โหลดรูปภาพ 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

คุณควรใช้ฟังก์ชันของคุณตามสคริปต์ด้านล่าง

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