Почему то несколько слайдов увеличились, хотя первые 2 слайда выглядят как должны выглядеть все слайды, все вместе должны был образовать окружность :
Html код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Impress Testing</title>
<link rel="stylesheet" href="style.css">
<script src="jquery.js"></script>
<script src="JQScript.js"></script>
</head>
<body class="impress-not-supported">
<div id="impress">
<div class="step slide" data-x="-150" data-y="50" data-rotate-y="-50" data-scale="2">
<!-- <iframe class="myIframe" src="forIframe/index.html"></iframe>-->
</div>
<div class="step slide" data-x="2000" data-y="50" data-z="1000" data-scale="2">
<!-- <iframe src="angularFiles/index.html"></iframe>-->
<div class="step slide" data-x="4150" data-y="50" data-rotate-y="50" data-scale="2">
<h1>Жми пробел</h1>
<p>здесь содержимое 3-го слайда</p>
</div>
<div class="step slide" data-x="4150" data-y="50" data-z="-2000" data-rotate-y="130" data-scale="2">
<h1>Жми пробел</h1>
<p>здесь содержимое 4-го слайда</p>
</div>
<div class="step slide" data-x="2000" data-y="50" data-z="-3000" data-rotate-y="180" data-scale="2">
<h1>Жми пробел</h1>
<p>здесь содержимое 5-го слайда</p>
</div>
<div class="step slide" data-x="-150" data-y="50" data-z="-2000" data-scale="2" data-rotate-y="230">
<h1>Жми пробел</h1>
<p>здесь содержимое 6-го слайда</p>
</div>
<div id="overview" class="step" data-x="2000" data-y="500" data-rotate-x="40" data-scale="15"></div>
</div>
<!-- Подключение скриптов -->
<script src="impress.js"></script>
<script>impress().init();</script>
</body>
</html>
