Сообщение от Artem_A
|
wookmark уже применен, но изображения не адаптивные, можно ли их сделать таковыми?
|
Простенький пример: (заодно и ответ для
SERblY)
<!DOCTYPE html>
<html>
<head>
<title>Untitled Page</title>
<script src="scripts/jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript" src="scripts/wookmark.js"></script>
<script type="text/javascript">
function activate() {
wookmark = new Wookmark('#pict', {itemWidth: 150, flexibleWidth: 1});
wookmark.layout(true);
}
</script>
</head>
<body onload="activate();">
<div id="pict" style="width:650px">
<img src="images/001.jpg" />
<img src="images/003.jpg" />
<img src="images/004.jpg" />
<img src="images/005.jpg" />
..................................................
<img src="images/025.jpg" />
</div>
</body>
</html>
Изображения все пропорционально уменьшены, как по ширине, так и по высоте.
Как работает - не очень нравится. Заметно тормозит при запуске и перерисовке