help me carousel slideshow

[yugiorima123]

How can we create carousel image slider using Javascript ?

 i

Im used 

<script >   var vLeftButton = document.getElementById("iconL");   //var t = setInterval(leftAction,1000);   function leftAction(){   var myImgs = document.getElementById("divImg");   var child = myImgs.children[0];   //alert(child.src);   myImgs.removeChild(child);   myImgs.appendChild(child);   }       var vRightButton = document.getElementById("iconR");   function rightAction(){   var myImgs = document.getElementById("divImg");   var child = myImgs.children[0];   //alert(child.src);   myImgs.removeChild(child);   myImgs.appendChild(child);   }   </script> I mean: leftbutton move to left but right button don't move to right I'm amateur😢

Edited March 9, 2020 by yugiorima123

[dsonesuk]

vLeftButton, IconL, leftAction(), hmmm wonder why it does not work for right? A real puzzler this one.

[yugiorima123]

3 minutes ago, dsonesuk said:

vLeftButton, IconL, leftAction(), hmmm wonder why it does not work for right? A real puzzler this one.

<script >
	var vLeftButton = document.getElementById("iconL");
	//var t = setInterval(leftAction,1000);
	function leftAction(){
	var myImgs = document.getElementById("divImg");
	var child = myImgs.children[0];
	//alert(child.src);
	myImgs.removeChild(child);
	myImgs.appendChild(child);
	}
	var vRightButton = document.getElementById("iconR");
	function rightAction(){
	var myImgs = document.getElementById("divImg");
	var child = myImgs.children[0];
	//alert(child.src);
	myImgs.removeChild(child);
	myImgs.appendChild(child);
	}
	</script> mean: but right button don't move to right I'm amateur😢

[dsonesuk]

I think you have to work from the last child instead of first

[dsonesuk]

 

</pre>
<table>				 										var child = myImgs.children;									 										//alert(child.src);									 										 									 										
					myImgs.insertBefore(child[0],child[child.length-1]);								
					myImgs.removeChild(child.length-1);													 										}					</table>
<p>	 </p><p