Hola
Yo no soy programador, tampoco se mucho de java y necesito hacer un slideshow en javascript el cual tome las imagenes de una carpeta de images y las vaya rotando y stuff..... es para hacer un web banner como los que se hacen en flash y se les da un cliente o 3rd party, para que solo copie y pegue un simple codigo en su pagina. No tiene que ser nada muy complejo, los unico detalles son los siguientes:
-Debe ser en javascript (nada de flash)
-Debe tomar las imagenes de una carpeta
-No requiere declaracion o cambio en el codigo cada vez que se desea insertar mas imagenes o eliminar imagenes o cambiar el nombre.
Actualmente estoy revisando varios codigos en internet y consegui un codigo que hace esto "pero", el unico problema que le consigo es que se debe declarar en el script, la cantidad de imagenes que hay en la carpeta y ademas de eso, las imagenes deben seguir un formato en su nombre...... o sea me gustaria que a un usuario X (alguien que no tiene ni idea de programacion, a diferencia de mi que se un poco y stuff) se le haga sencillo a la hora de anadir imagenes o eliminar y stuff.
Agradeceria toda la ayuda que puedan darme.
El codigo que estoy revisando es el siguiente
Código:
<html>
<head>
<title>Experimental</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
var dimages=new Array();
var numImages=4;
for (i=0; i<numImages; i++)
{
dimages[i]=new Image();
dimages[i].src="media/image"+(i+1)+".jpg";
}
var curImage=-1;
function swapPicture()
{
if (document.images)
{
var nextImage=curImage+1;
if (nextImage>=numImages)
nextImage=0;
if (dimages[nextImage] && dimages[nextImage].complete)
{
var target=0;
if (document.images.myImage)
target=document.images.myImage;
if (document.all && document.getElementById("myImage"))
target=document.getElementById("myImage");
// make sure target is valid. It might not be valid
// if the page has not finished loading
if (target)
{
target.src=dimages[nextImage].src;
curImage=nextImage;
}
setTimeout("swapPicture()", 5000);
}
else
{
setTimeout("swapPicture()", 500);
}
}
}
setTimeout("swapPicture()", 5000);
//-->
</SCRIPT>
</head>
<!-- BODY ****************************************************************************************************** -->
<IMG WIDTH=940 HEIGHT=350 ID="myImage" NAME="myImage" SRC="media/image1.jpg"></IMG>
<!-- BODY ****************************************************************************************************** -->
</html>
Como veran, es solo cuestion de colocar algo como:
Código:
<SCRIPT SRC="http://www.tusitioweb.com/uploads/js/cmscommon.js" type="text/javascript"></SCRIPT>
En el head y luego en el body se colocaria:
Código:
<IMG WIDTH=940 HEIGHT=350 ID="myImage" NAME="myImage" SRC="http://www.tusitioweb.com/media/image1.jpg"></IMG>
.... o sea,,, le das esos 2 pedazos de codigo a tu amigo/cliente/loquesea y con eso el puede colocar tu webbanner en su pagina y stuff.... saben,,, como lo hace la gente del marketing (solo que ellos lo hace con flash)
BONUS: Estoy averiguando como se anaden los efectos en java, pero si alguien sabe seria genial sin me lo puede decir.... cosas sencillas nada muy complicado (quizas un efecto el de esta pagina: http://www.actena.fr/)
El link de donde saque ese codigo es el siguiente: http://www.permadi.com/tutorial/jsImgSlide/index.html
(esta en ingles.... sorry dudes)