В настоящее время я работаю над слайдером изображения с jquery. Я загрузил код из сети. Моя демо-версия кода здесь.
Мой вопрос: как я могу удалить высоту и ширину, прикрепленные динамически к тегу изображения как встроенный стиль?
Спасибо.
В настоящее время я работаю над слайдером изображения с jquery. Я загрузил код из сети. Моя демо-версия кода здесь.
Мой вопрос: как я могу удалить высоту и ширину, прикрепленные динамически к тегу изображения как встроенный стиль?
Спасибо.
Попробуйте использовать этот код:
$('your-image').css({
width: '',
height: ''
});
Если вы хотите установить "оригинальные" размеры изображения, попробуйте следующее:
$('your-image').css({
width: 'auto',
height: 'auto'
});
Чтобы заставить его работать со всех сторон, вам нужно удалить оба атрибута и css. Это работа над моим кодом.
$('your-image')
.removeAttr("width").removeAttr("height")
.css({ width: "", height: "" });
Это очень простое решение с 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>
$('img').width('auto').height('auto');
inherit может быть одним из способов.
$('your-image').css({ width: "inherit", height: "inherit" });
Вы также можете сделать это с помощью ванильного 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";
}