दिलचस्प पोस्ट
Enum के मूल्य के गुण प्राप्त करना सी ++ में तार आमतौर पर '\ 0' के साथ क्यों समाप्त हो गए हैं? फ़ंक्शन में बनाए गए किसी चर के संदर्भ वापस करने का कोई तरीका क्या है? सी # दो सामान्य मूल्यों की तुलना करें ASP.NET MVC, यूआरएल रूटिंग: अधिकतम पथ (यूआरएल) की लंबाई गतिशील रूप से विद्यमान टैब फिर से बनाने के बिना चमकदार रूप से भूखंडों के साथ टैब बनाना ब्रेकपॉइंट वर्तमान में हिट नहीं होगा किसी Silverlight अनुप्रयोग में इस दस्तावेज़ के लिए कोई प्रतींक लोड नहीं किया गया है एक ऊँचाई डिवी में खड़ी रूप से केंद्र डिवीजन? जीआईटी फास्ट फॉरवर्ड डिफ़ॉल्ट रूप से क्यों विलीन हो जाती है? ऑपरेटिंग सिस्टम जानकारी प्राप्त करें टेक्स्टव्यू में सभी यूनिकोड वर्ण प्रदर्शित करें विधि getDispatcherType () HttpServletRequest प्रकार के लिए अनिर्धारित है $ .jax का उपयोग करते हुए JSON डेटा पोस्ट करते समय मैं एक एंटीफ़ोर्गरी टोकन कैसे प्रदान कर सकता हूं? चयन क्यों * हानिकारक माना जाता है? उच्छृंखल: नामांकित शाखाएं एकाधिक रिपॉजिटरी बनाम

JQuery के साथ छवि लोड करें और उसे डोम में जोड़ें

मैं किसी दिए गए लिंक से एक छवि लोड करने की कोशिश कर रहा हूं

var imgPath = $(imgLink).attr('href');

और इसे पेज पर जोड़ें, इसलिए मैं इसे एक छवि दर्शक के लिए किसी दिए गए तत्व में सम्मिलित कर सकता हूं। भले ही मैंने स्टैकहोवरफ्लो और jQuery के डॉक्स को अंत के बिना खोजा, मैं इसे समझ नहीं सकता।

मैं छवि को लोड करने के बाद, मैं इसे विभिन्न मान सेट करना चाहता हूं , जैसे चौड़ाई, ऊंचाई , आदि

अद्यतन करें:

मेरे पास बस यही है। मुझे जो समस्या आ रही है वह है कि मैं img तत्व पर jQuery फ़ंक्शन नहीं चला सकता।

 function imagePostition(imgLink) { // Load the image we want to display from the given <a> link // Load the image path form the link var imgPath = $(imgLink).attr('href'); // Add image to html $('<img src="'+ imgPath +'" class="original">').load(function() { $(imgLink).append(this); var img = this; // Resize the image to the window width // http://stackoverflow.com/questions/1143517/jquery-resizing-image var maxWidth = $(window).width(); // window width var maxHeight = $(window).height(); // window height var imgWidth = img.width; // image width var imgHeight = img.height; // image height var ratio = 0; // resize ration var topPosition = 0; // top image position var leftPostition = 0; // left image postiton // calculate image dimension if (imgWidth > maxWidth) { ratio = imgHeight / imgWidth; imgWidth = maxWidth; imgHeight = (maxWidth * ratio); } else if (imgHeight > maxHeight) { ratio = imgWidth / imgHeight; imgWidth = (maxHeight * ratio); imgHeight = maxHeight; } // calculate image position // check if the window is larger than the image // y position if(maxHeight > imgHeight) { topPosition = (maxHeight / 2) - (imgHeight / 2); } // x position if(maxWidth > imgWidth) { leftPostition = (maxWidth / 2) - (imgWidth / 2); } $(imgLink).append(img); // Set absolute image position img.css("top", topPosition); img.css("left", leftPostition); // Set image width and height img.attr('width', imgWidth); img.attr('height', imgHeight); // Add backdrop $('body').prepend('<div id="backdrop"></div>'); // Set backdrop size $("#backdrop").css("width", maxWidth); $("#backdrop").css("height", maxHeight); // reveal image img.animate({opacity: 1}, 100) img.show() }); }; 

वेब के समाधान से एकत्रित समाधान "JQuery के साथ छवि लोड करें और उसे डोम में जोड़ें"

 $('<img src="'+ imgPath +'">').load(function() { $(this).width(some).height(some).appendTo('#some_target'); }); 

यदि आप कई छवियों के लिए करना चाहते हैं तो:

 function loadImage(path, width, height, target) { $('<img src="'+ path +'">').load(function() { $(this).width(width).height(height).appendTo(target); }); } 

उपयोग:

 loadImage(imgPath, 800, 800, '#some_target'); 

यहां कोड का उपयोग किया जाता है, जब मैं पेज पर उन्हें जोड़ने से पहले चित्रों को प्रीलॉग करना चाहता हूं

यह भी जांचना महत्वपूर्ण है कि क्या छवि कैश से पहले से ही लोड हो चुकी है (आईई के लिए)।

  //create image to preload: var imgPreload = new Image(); $(imgPreload).attr({ src: photoUrl }); //check if the image is already loaded (cached): if (imgPreload.complete || imgPreload.readyState === 4) { //image loaded: //your code here to insert image into page } else { //go fetch the image: $(imgPreload).load(function (response, status, xhr) { if (status == 'error') { //image could not be loaded: } else { //image loaded: //your code here to insert image into page } }); } 
 var img = new Image(); $(img).load(function(){ $('.container').append($(this)); }).attr({ src: someRemoteImage }).error(function(){ //do something if image cannot load }); 

छवि पथ प्राप्त करने के बाद, निम्न तरीकों से या तो कोशिश करें

  1. (जैसा कि आपको सिर्फ स्रोत से अधिक एआरआर सेट करना है) html का निर्माण और लक्ष्य क्षेत्र की जगह

     $('#target_div').html('<img src="'+ imgPaht +'" width=100 height=100 alt="Hello Image" />'); 
  2. "एसआरसी" एआरआर बदलते समय आपको कुछ देरी जोड़नी पड़ सकती है

     setTimeout(function(){///this function fire after 1ms delay $('#target_img_tag_id').attr('src',imgPaht); }, 1); 

मुझे लगता है कि आप अपनी छवि को इस तरह परिभाषित करते हैं:

 <img id="image_portrait" src="" alt="chef etat" width="120" height="135" /> 

आप इस टैग और chage / set atts (चौड़ाई, ऊंचाई) के लिए बस छवि को लोड / अपडेट कर सकते हैं:

 var imagelink; var height; var width; $("#image_portrait").attr("src", imagelink); $("#image_portrait").attr("width", width); $("#image_portrait").attr("height", height);