Empezaria mas o menos asi:
Código Javascript
:
Ver original<html>
<head>
<title>Test de @Italico76</title>
<style>
body {background-color: #000;}
#slider_images
{
width:350px;
height:350px;
background-color: #bbb;
border: red 2px;
position:relative;
}
img {display:none;}
</style>
</head>
<body>
<div id="slider_images">
<img src="images/2.jpg" width="150px" height="150px"/>
<img src="images/3.jpg" width="150px" height="150px"/>
<img src="images/4.jpg" width="150px" height="150px"/>
<img src="images/5.jpg" width="150px" height="150px"/>
<img src="images/6.jpg" width="150px" height="150px"/>
</div>
<script>
function init()
{
var imageContainer = document.getElementById("slider_images");
var imageContainerChilds = imageContainer.childNodes;
var img_cont = 0;
var img_contenedor_new = new Array;
for (i = 0; i < imageContainerChilds.length; i++)
{
// me quedo solo con las etiquetas <img>
if (typeof(imageContainerChilds[i].src) !='undefined')
{
// les asigno id para identificarlas (no se si tenian!)
imageContainerChilds[i].id=img_cont;
img_cont++;
}
}
}
function rotateImages(){
// hacer!
}
window.onload = function()
{
init();
rotateImages();
}
</script>
</body>
</html>