Как отмасштабировать картинку

Как отмасштабировать картинку

Если без JS, то например так:

<html> <head> <style> 	.blokimg { 	position: relative; 	} 	.overlay{ 	display: none; 	height: auto; 	left: -15%; 	position: absolute; 	top: -50%; 	width: auto; 	z-index: 999; 	} 	.overlay .overlay_container{ 	display: table-cell; 	vertical-align: middle; 	} 	.overlay_container img{ 	background-color: #AB5; 	padding: 10px; 	-webkit-border-radius: 5px; 	-moz-border-radius: 5px; 	} 	.overlay:target { 	display: table; 	} </style> </head> <body> 	<div class="blokimg"> 	<div class="overlay" id="contenedor1"> 	<div class="overlay_container"> 		<a href="#close"> 			<img src="большое_изображение"/> 		</a> 	</div> 	</div> 	<a href="#contenedor1"> 		<img src="маленькое_изображение" id="imagenM1" /> 	</a> 	</div> </body> </html>

Сворачивание по скроллу можно прикрутить с помощью JS.



Source: toster.ru


Добавить комментарий