2011-01-27 2 views
9

В настоящее время я работаю над слайдером изображения с jquery. Я загрузил код из сети. Моя демо-версия кода - here.Как удалить высоту и ширину?

Мой вопрос: как я могу удалить высоту и ширину, прикрепленные динамически к тегу изображения, как встроенный стиль?

Спасибо.

+0

что вы ожидаете высокой и шириной быть после того, как он удаляется? 0? – ajma

+0

Я ожидаю, что если я удалю высоту и ширину, тогда он должен иметь оригинальную высоту и ширину, а не тот, который присваивается коду. – rajeshrt

ответ

9

Попробуйте использовать этот код:

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

Если вы хотите установить «исходные» размеры изображения, попробуйте следующее:

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

no buddy not working ... :( – rajeshrt

+0

Какой браузер? Я проверил в FF и Chrome и атрибуты встроенного стиля были удалены так, как вы хотите. Если вы хотите установить «оригинальный» размер, попробуйте использовать «auto» вместо «». – Olegas

+0

yaa ur right, но когда я нажимаю на следующее изображение, размер снова переключается на его предопределенное значение Как решить эту проблему? – rajeshrt

11

Чтобы заставить его работать со всеми способами, необходимо удалить оба атрибута и css. Это работа над моим кодом.

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

Это ОЧЕНЬ простое решение с jQuery. Я нашел ответ на wpwizard.net.

Вот URL: http://wpwizard.net/jquery/remove-img-height-and-width-with-jquery/

Вот JQuery:

<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" });