Hi there! I'm wondering if it's possible to change the hidden_div image by clicking on either prev. or next using this JS code?
<a href="#"><div onClick="show(this);" class="img" style="background-image:url('css/images1/img/img1.jpg');")></div></a>
<a href="#"><div onClick="show(this);" class="img" style="background-image:url('css/images1/img/img2.jpg');")></div></a>
<a href="#"><div onClick="show(this);" class="img" style="background-image:url('css/images1/img/img3.jpg');")></div></a>
<div id="hidden_div"></div>
<a href="#" onClik="next(-1)">prev</a>
<a href="#" onClik="next(1)">next</a>
<script>
function show(element) {
var hidden = document.getElementById("hidden_div");
var imgURL = element.style.backgroundImage.replace('url(','').replace(')','');
var imgElement = "<img src="+ imgURL +" />"
hidden.innerHTML = imgElement;
};
var step=1;
var total=3;
function next(x){
var image=document.getElementById("hidden_div");
step=step+x;
if(step > total){step=1;}
if(step <1 ){step=total;}
image.src= 'css/images1/img/img " + step + ".jpg';
};