Как добавить кнопку («X») - закрыть окно, закрыть операцию с этим слайдером? Эта кнопка имеет вид («X»). Пожалуйста, предложите мне способ улучшить этот код.Как добавить кнопку («X») - закрыть окно, закрыть операцию?
</script>
<body>
<div id="main">
<button class="left" onclick="slider.left();"><</button>
<div id="scr"></div>
<button class="right" onclick="slider.right();">></button>
</div>
</body>
</html>
Я не знаю, вы имеете в виду что-то вроде этого
HTML
<body>
<div id="main">
<button class="left" onclick="slider.left();"><</button>
<div id="scr"></div>
<button class="right" onclick="slider.right();">></button>
<button class="close" onclick="slider.close();">X</button>
</div>
</body>
CSS
#main {
position: relative;
height: 200px;
}
.left, .right, .close {
position: absolute;
top: 50%;
}
.right {
right: 0;
}
.close {
top: 15px;
right: 0;
}
Вот скрипку http://jsfiddle.net/w58vxuft/