Comunidad de diseño web y desarrollo en internet online

Slide de imagenes con Javascript

Citar            
MensajeEscrito el 09 Abr 2008 05:57 pm
Saludos amigos,
Tengo un slide de imagenes con javascript. me funciona perfecto ... lo k que necesito es que al linkear los numeros de la parte de abajo me salga la imagen indicada ... por ejemplo si presiono el numero 2 me salga la imagen k aparecion en segundo lugar y pare (stop) el slide ... Bueno asi sucesivamentecon los demas numeros ... y claro al precionar play vuelva a ejecutar el slide.

Muchas gracias.

Este es la muetra
http://www.dpstudioperu.com/slide/

El codigo que utilice es el siguiente:

ENTRE <head></head>
<script language="JavaScript">
var slideCache = new Array();
function RunSlideShow(pictureName,imageFiles,displaySecs)
{
var imageSeparator = imageFiles.indexOf(";");
var nextImage = imageFiles.substring(0,imageSeparator);
if (document.all)
{
document.getElementById(pictureName).style.filter="blendTrans(duration=2)";
document.getElementById(pictureName).filters.blendTrans.Apply();
}
document.getElementById(pictureName).src = nextImage;
if (document.all)
{
document.getElementById(pictureName).filters.blendTrans.Play();
}
var futureImages= imageFiles.substring(imageSeparator+1,imageFiles.length)
+ ';' + nextImage;
setTimeout("RunSlideShow('"+pictureName+"','"+futureImages+"',"+displaySecs+")",
displaySecs*1000);

imageSeparator = futureImages.indexOf(";");
nextImage = futureImages.substring(0,imageSeparator);
if (slideCache[nextImage] == null) {
slideCache[nextImage] = new Image;
slideCache[nextImage].src = nextImage;
}
}
</script>

EN <body>
<img border="1" src="f1.jpg" width="400" height="448" id="Fotos">
<script language="JavaScript">
RunSlideShow("Fotos","f1.jpg;f2.jpg;f3.jpg;f4.jpg;"
+ "f5.jpg",5);
</script>

Por iviydinet

45 de clabLevel



Genero:Masculino  

msie7
Citar            
MensajeEscrito el 26 Feb 2010 08:00 pm
aqui tengo una solción por desgracia no vale la pena que le inviertas mas tiempo a esto amigo :( los navegadores atrasados como firefox y similares que son una piedra en el zapato la verdad, no soportan la propiedad FILTERS que utilizas y pues no corre el script en ellos peeero si aun asi lo quieres aqui te anexo el codigo que hace lo que buscas :D modifique el tuyo.

cualquier duda con confianza [email protected]

Codigo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript">
var slideCache = new Array();
function RunSlideShow(pictureName,imageFiles,displaySecs)
{
var imageSeparator = imageFiles.indexOf(";");
var nextImage = imageFiles.substring(0,imageSeparator);
var obj=document.getElementById(pictureName)
if (document.all)
{
obj.style.filter="blendTrans(duration=2)";
obj.filters.blendTrans.Apply();
}
obj.src = nextImage;
if (document.all)
{
obj.filters.blendTrans.Play();
}
var futureImages= imageFiles.substring(imageSeparator+1,imageFiles.length)+ ';' + nextImage;

t=setTimeout("RunSlideShow('"+pictureName+"','"+futureImages+"',"+displaySecs+")",
displaySecs*1000);
imageSeparator = futureImages.indexOf(";");
nextImage = futureImages.substring(0,imageSeparator);
if (slideCache[nextImage] == null) {
slideCache[nextImage] = new Image;
slideCache[nextImage].src = nextImage;
}
}
</script>


</head>
<body onload="RunSlideShow('Fotos','f1.jpg;f2.jpg;f3.jpg',5);">
<p align="center"><img src="f1.jpg" name="Fotos" width="863" height="288" border="1" id="Fotos">

</p>
<p>
<label for="button"></label>
<input type="button" name="button" id="button" value="1" onclick="clearTimeout(t); RunSlideShow('Fotos','f1.jpg;f2.jpg;f3.jpg',5);" />
<label for="button2"></label>
<input type="button" name="button2" id="button2" value="2" onclick="clearTimeout(t); RunSlideShow('Fotos','f2.jpg;f3.jpg;f1.jpg',5);" />
<label for="button3"></label>
<input type="button" name="button3" id="button3" value="3" onclick="clearTimeout(t); RunSlideShow('Fotos','f3.jpg;f1.jpg;f2.jpg',5);" />
</p>
</body>
</html>

*El cerebro de las chicas es ese que es alrevez (imaginenlo de cabeza) por eso programamos mejor.

Mina. Lucero

Por minaLucero

1 de clabLevel



 

chrome
Citar            
MensajeEscrito el 28 Feb 2010 08:13 pm

Por InovercyRock

7 de clabLevel



 

msie7

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.