{% set pageTitle = 'ALVADI Image Plugin' %}
{% extends '../_layouts/_dev.twig' %}
{% block content %}
	<div class="row">
		<div class="col-xs-3">
			<div class="img-block">
				<img src="https://alpics.info/pics/spares/big/51228.jpg" data-aipView="https://alpics.info/pics/spares/big/51228.jpg" alt="" />
			</div>
			Картинка с возможностью превью по ховеру
			<br />Определяющий элемент - <strong>data-src</strong>, <strong>data-aipView</strong>
		</div>
		<div class="col-xs-3">
			<div class="img-block">
				<a href="#">
					<img src="https://alpics.info/pics/spares/big/51228.jpg" data-aipView="https://alpics.info/pics/spares/big/51228.jpg" alt="" />
				</a>
			</div>
			Картинка с возможностью превью и открытием по клику
			<br />Определяющий элемент - <strong>ссылка</strong>
		</div>
		<div class="col-xs-6">
			<div class="img-block">
				<a href="#">
					<img src="https://pics3.alpics.info/pics/spares/360/14332359/14332359-01-s.jpg"
						data-aipRotate="https://pics3.alpics.info/pics/spares/360/14332359/14332359-{col}-l.jpg"
						data-aipRotateOptions="autospin: infinite; columns: 36; filename: 14332359-{col}-s.jpg; large-filename: 14332359-{col}-l.jpg;"
						alt="" />
				</a>
			</div>
			Картинка с возможностью превью и открытием по клику
			<br />Определяющий элемент - <strong>ссылка</strong>
		</div>
	</div>
	<div class="mb-40"></div>
{% endblock %}