48 lines
No EOL
1.4 KiB
HTML
Executable file
48 lines
No EOL
1.4 KiB
HTML
Executable file
<!DOCTYPE html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<!-- ваша верстка виджета, ваши стили -->
|
||
|
||
<button class="arrow">⇦</button>
|
||
<button class="arrow">⇨</button>
|
||
|
||
|
||
<ul>
|
||
<li><img src="https://js.cx/carousel/1.png"></li>
|
||
<li><img src="https://js.cx/carousel/2.png"></li>
|
||
<li><img src="https://js.cx/carousel/3.png"></li>
|
||
<li><img src="https://js.cx/carousel/4.png"></li>
|
||
<li><img src="https://js.cx/carousel/5.png"></li>
|
||
<li><img src="https://js.cx/carousel/6.png"></li>
|
||
<li><img src="https://js.cx/carousel/7.png"></li>
|
||
<li><img src="https://js.cx/carousel/8.png"></li>
|
||
<li><img src="https://js.cx/carousel/9.png"></li>
|
||
<li><img src="https://js.cx/carousel/10.png"></li>
|
||
</ul>
|
||
|
||
|
||
<script>
|
||
// этот код помечает картинки цифрами, для удобства разработки
|
||
// его можно убрать, если не нужен
|
||
var lis = document.getElementsByTagName('li');
|
||
for (var i = 0; i < lis.length; i++) {
|
||
lis[i].style.position = 'relative';
|
||
var span = document.createElement('span');
|
||
span.style.cssText = 'position:absolute;left:0;top:0';
|
||
span.innerHTML = i + 1;
|
||
lis[i].appendChild(span);
|
||
}
|
||
</script>
|
||
|
||
<script>
|
||
// ваш код..
|
||
</script>
|
||
</body>
|
||
|
||
</html> |