Тема: Є скрипт, треба щоб працювали кнопочки в модальному вікні вправо вліво
<!DOCTYPE html>
<html>
<head>
<title>vsesvit-group.com.ua</title>
<meta charset="utf-8">
<meta content='IE=EmulateIE7'>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript">
/* Image-gallery */
// відкриваємо зображення в модальному вікні
function imagegallery (img) {
document.getElementById('popup_overlay').style.display = 'block';
document.getElementById('popup').style.display = 'block';
var image = document.getElementById('imageZoom');
image.src = img.src;
image.style.width = '100%';
image.style.height = '100%'
image.style.border = 'none';
image.style.padding = '0';
image.style.margin = '0';
}
// закриваємо зображення в модальному вікні
function close_popup () {
document.getElementById('popup_overlay').style.display = 'none';
document.getElementById('popup').style.display = 'none';
}
/* end Image-gallery */
</script>
<style>
#popup_overlay {
position: fixed;
top: 0;
left: 0;
display: none;
}
#popup {
z-index: 1000;
display: none;
}
</style>
</head>
<body onload="ImageRotator(0)">
<div id="foto-gallery">
<div id="popup_overlay" onclick="close_popup()"></div>
<div id="popup">
<img src="" alt="foto" id="imageZoom">
<div>
<div class="arrow_left left"></div>
<div class="arrow_right left"></div>
<div class="close right" onclick="close_popup()"></div>
</div>
</div>
<div style="border: 1px solid blue;" onclick="right()">click</div>
<div id="gallery">
<img src="images/foto/0_ru.jpg" alt="foto" onclick="imagegallery(this)">
<img src="images/foto/2_ru.jpg" alt="foto" onclick="imagegallery(this)">
<img src="images/foto/332.jpg" alt="foto" onclick="imagegallery(this)">
<img src="images/foto/Fetaksafoto.jpg" alt="foto" onclick="imagegallery(this)">
<img src="images/foto/Hochland.jpg" alt="foto" onclick="imagegallery(this)">
<img src="images/foto/bondyuel-3.jpg" alt="foto" onclick="imagegallery(this)">
</div>
</div>
</body>
</html>
