Разбираю галерею zoomwall.js. Поставил 2 картинки малого разрешения 300х300 и побольше 600х600. Но им все равно задается width=50% в атрибуте тега, хотя в zoomwall.css этого стиля нет. Как его отменить?
zoomwall.css:
.zoomwall {
font-size: 0;
overflow: hidden;
}
.zoomwall img {
height: 15vw;
opacity: 1;
vertical-align: top;
transform-origin: 0% 0%;
transition-property: transform, opacity;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-webkit-transform-origin: 0% 0%;
-webkit-transition-property: transform, opacity;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
}
.zoomwall.lightbox img {
transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
}
.zoomwall.lightbox img {
opacity: 0.3;
}
.zoomwall.lightbox img.active {
opacity: 1;
}
HTML:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>Waxom</title>
<link rel="stylesheet" href="css/zoomwall.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="gallery" class="zoomwall">
<img src="http://tomskpress.ru/images/tomsk/news/mini/2012/08/44e1ae378c4c4685ae15ab7127bee817.jpg" data-highres="http://ural.mchs.ru/upload/site2/document_news/UklaLJCeqA-previe-reduce200.jpg" />
<img src="http://tomskpress.ru/images/tomsk/news/mini/2012/08/44e1ae378c4c4685ae15ab7127bee817.jpg" data-highres="http://ural.mchs.ru/upload/site2/document_news/UklaLJCeqA-previe-reduce200.jpg" />
</div>
<script src="js/script.js"></script>
<script src="js/zoomwall.js"></script>
<script>
window.onload = function() {
zoomwall.create(document.getElementById('gallery'));
};
</script>
</body>
</html>
А вот стиль в атрибуте
Средний
Простой
