Как удалить высоту и ширину?

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

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

Спасибо.

Ответ 1

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

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

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

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

Ответ 2

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

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

Ответ 3

Это очень простое решение с 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>

Ответ 4

$('img').width('auto').height('auto');

Ответ 5

inherit может быть одним из способов.

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

Ответ 6

Вы также можете сделать это с помощью ванильного JavaScript.

let articleContentImages = document.getElementById("articleContent").getElementsByTagName("img");
for(let i = 0; i < articleContentImages.length; i++){
    articleContentImages[i].style.height = "auto";
    articleContentImages[i].style.width = "auto";
}