2011-01-27 25 views
9

वर्तमान में मैं jquery के साथ एक छवि स्लाइडर पर काम कर रहा हूं। मैंने नेट से कोड डाउनलोड किया है। मेरा कोड डेमो here है।ऊंचाई और चौड़ाई को कैसे हटाएं?

मेरा प्रश्न है: मैं इनलाइन शैली के रूप में छवि टैग को गतिशील रूप से संलग्न ऊंचाई और चौड़ाई को कैसे हटा सकता हूं?

धन्यवाद। आप "मूल" छवि आयाम इस कोशिश सेट करना चाहते हैं

$('your-image').css({ 
    width: '', 
    height: '' 
}); 

:

+0

क्या आप के बाद इसे हटा दिया गया है उच्च और चौड़ाई होने की उम्मीद करते हैं? 0? – ajma

+0

मुझे उम्मीद है कि अगर मैं ऊंचाई और चौड़ाई को हटा देता हूं तो उसे मूल ऊंचाई और चौड़ाई लेनी चाहिए और कोड को असाइन नहीं करना चाहिए .. – rajeshrt

उत्तर

9

कोशिश इस कोड का उपयोग करने के लिए

$('your-image').css({ 
    width: 'auto', 
    height: 'auto' 
}); 
+0

कोई दोस्त काम नहीं कर रहा है ... :( – rajeshrt

+0

क्या ब्राउज़र? मैंने एफएफ और क्रोम में चेक किया और इनलाइन स्टाइल विशेषताओं को वैसे ही हटा दिया गया था जैसा आप चाहते हैं। अगर आप "मूल" आकार सेट करना चाहते हैं तो '' 0 'के बजाय' ऑटो 'का उपयोग करने का प्रयास करें। – Olegas

+0

या आप सही है, लेकिन जब मैं अगली छवि पर क्लिक करता हूं तो आकार फिर से अपने पूर्वनिर्धारित मूल्य पर स्विच करता है उसे हल करने के लिए? – rajeshrt

11

यह सब तरीके से काम करने के लिए, आपको हटाने की जरूरत दोनों विशेषता और सीएसएस। यह मेरे कोड पर काम है।

$('your-image') 
    .removeAttr("width").removeAttr("height") 
    .css({ width: "", height: "" }); 
1

यह jQuery के साथ एक बहुत ही सरल समाधान है। मुझे wpwizard.net पर जवाब मिला। यहाँ http://wpwizard.net/jquery/remove-img-height-and-width-with-jquery/

jQuery है::

URL यह

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript"> 
jQuery.noConflict(); 
jQuery(document).ready(function($){ 

    $('img').each(function(){ 
     $(this).removeAttr('width') 
     $(this).removeAttr('height'); 
    }); 

}); 
</script> 
0

इनहेरिट तरीका में से एक हो सकता है।

$('your-image').css({ width: "inherit", height: "inherit" });

संबंधित मुद्दे