У меня есть обертка, которая занимает 100% страницы, и внутри обертки набор некоторых изображений (сейчас их 5, но в конечном итоге их станет 10 или более), которые я хотел бы разместить случайным образоми измените размер так, чтобы он соответствовал оболочке.
<div id="wrapper">
<img src="images/body/cervello.png" id="image" class="brain" />
<img src="images/body/chiappe.png" id="image" class="booty" />
<img src="images/body/cuore.png" id="image" class="heart" />
<img src="images/body/denti.png" id="image" class="teeth" />
<img src="images/body/mano.png" id="image" class="hand" />
<img src="images/body/orecchio.png" id="image" class="ear" />
</div>
body, html {
height: 100%;
}
#wrapper {
height: 100%;
margin: 0px auto;
overflow: hidden;
}
Я очень новичок в кодировании, поэтому пока не могу написать свой собственный JS ... хотя я нашел этот код наJSFiddle , который предположительно делает то, что мне нужно (по крайней мере, для размещения, а не для изменения размера).
Другая проблема - это попытка вычислить полный размер окна и убедиться, чтоизменение размера всех изображений может быть соответствующим образом, поэтому, чтобы они не перекрывались, не становились слишком большими / маленькими и т. д.
Это в значительной степени то, чего я хотел бы достичь, но сизображения вместо пузырьков ..
Надеюсь, я каким-то образом объяснил, чего бы я хотел достичь .. Я старался быть максимально четким, чтобы помочь вам понять мою цель:)
Большое спасибо заранее за ваше время!