Файл: dist/autoplay-pause.html
Строк: 84
<?php
<!doctype html><html lang=en><base href=/ ><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><title>Bee3D Slider</title><meta name=HandheldFriendly content=True><meta name=MobileOptimized content=320><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><meta http-equiv=cleartype content=on><link href="http://fonts.googleapis.com/css?family=Ubuntu:500" rel=stylesheet><link href="http://fonts.googleapis.com/css?family=Oxygen:700,400" rel=stylesheet><link rel=stylesheet href=css/bee3D.css><link rel=stylesheet href=css/demo.css><div class=intro-text><h1>Autoplay: Pause on Hover</h1><h3>Autoplay's internal timer will <u>pause</u> when the <u>active slide</u> is hovered.</h3></div><article class=example><section class=bee3D--slide><div class=bee3D--inner><p class=demo-text>1</div></section><section class=bee3D--slide><div class=bee3D--inner><p class=demo-text>2</div></section><section class=bee3D--slide><div class=bee3D--inner><p class=demo-text>3</div></section><section class=bee3D--slide><div class=bee3D--inner><p class=demo-text>4</div></section><section class=bee3D--slide><div class=bee3D--inner><p class=demo-text>5</div></section><section class=bee3D--slide><div class=bee3D--inner><p class=demo-text>6</div></section><section class=bee3D--slide><div class=bee3D--inner><p class=demo-text>7</div></section><section class=bee3D--slide><div class=bee3D--inner><p class=demo-text>8</div></section><section class=bee3D--slide><div class=bee3D--inner><p class=demo-text>9</div></section><section class=bee3D--slide><div class=bee3D--inner><p class=demo-text>10</div></section></article><a id=lukeed href=http://www.lukeed.com rel=follow target=_blank>LUKE'ED DESIGN<span></span></a><script src=js/vendor/classie.js></script><script src=js/bee3D.js></script><script>var element = document.querySelector('.example');
var slider = new Bee3D(element, {
effect: 'concave',
autoplay: {
enabled: true,
pauseHover: true
}
});</script>
?>