Slide de imágenes con Números

axe · #1 (**permalink**) 16/03/2007, 17:32

Hola, necesito hacer un slide de fotos con 2 botones:

--------
| Foto |
--------
<< Atrás | Adelante >>

Pero que al presionar tome el nombre del JPG y me lo muestre sin la extensión.
O sea, si llego a PEPE.jpg se mostraría:

--------
| Foto |
--------
...PEPE...
<< Atrás | Adelante >>

Espero ser claro, miren que me esmeré en el dibujto!
Gracias, lo necesito rapidito.

zyon · #2 (**permalink**) 16/03/2007, 18:00

jajaja, si estan bonitos los dibujos... Suerte en tu busqueda...si consiues el codigo por otro lado lo rolas, vale?

derkenuke · #3 (**permalink**) 16/03/2007, 19:20

Bueno.. y... qué código tienes? qué has intentado?

axe · #4 (**permalink**) 18/03/2007, 14:55

Hasta ahora tengo esto para pasar las fotos:

<script language=javascript>

</script>

Con el cual las fotos van pasando y se llaman foto1.jpg, foto2.jpg, etc...
Los links de los botones son
Atrás: javascript:decsshot()
Adelante: javascript:incsshot()

Me faltaría que muestre el nombre de la foto, pero ni idea que hacer...
Ayuda plis...

derkenuke · #5 (**permalink**) 18/03/2007, 15:10

Podrías hacer por ejemplo un array nombres que contenga los nombres de las fotos (nombres[1] contiene el nombre de screenshots[1]) y sólo tienes que mostrar esos nombres utilizando la misma variable que es la que cambia al cambiar de imagenes, la de curnum.

axe · #6 (**permalink**) 18/03/2007, 15:17

Agradezco tu pronta respuesta, pero utilizo scripts pre fabricados porque sinceramente no entiendo mucho.
No sé hacer lo que dices, claro que con alguna pista lo puedo intentar.

derkenuke · #7 (**permalink**) 18/03/2007, 15:25

Podría ser por ejemplo así:
añadimos el array nombres y lo mostramos en un DIV debajo de la imagen:

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>


<script language=javascript>
<!--
curnum=0;
var screenshots = new Array();
for (i=0;i<5;i++) {
screenshots[i] = new Image();
screenshots[i].src = "foto"+(i+1)+".jpg"
screenshots[i].name = "screenshot"+(i+1);
}
var nombres=["nombre1","nombre2","nombre3","nombre4","nombre5"];

function incsshot() {
curnum++;
if (curnum>=screenshots.length) curnum=0;
document.sshot.src = screenshots[curnum].src;
document.getElementById("elNombre").innerHTML=nombres[curnum];
}

function decsshot() {
curnum--;
if (curnum<0) curnum=(screenshots.length-1);
document.sshot.src = screenshots[curnum].src
document.getElementById("elNombre").innerHTML=nombres[curnum];
}

// -->
</script>

<img src="" name="sshot" />
<div id="elNombre"></div>
<input type="button" onclick="decsshot()" value="<" /> <input type="button" onclick="incsshot()" value=">" />

</BODY>
</HTML>

axe · #8 (**permalink**) 18/03/2007, 16:34

Perfectooooooooooooo...
Muchísimas gracias.
Te hago una pregunta... cuando inicia la página no aparece nombre1, luego al hacer click sí aparecen nombre2, nombre3, etc...
Como podría hacerlo?

(es que al cargar la pag ya aparece la primer imagen del álbum)

derkenuke · #9 (**permalink**) 18/03/2007, 20:10

Pon un evento onload para cargar el primer nombre:

Código PHP:

  window.onload=function() {
document.getElementById("elNombre").innerHTML=nombres[0];
}

Y tendrás el primer nombre en el DIV cuando termine de cargar la página.

zyon · #10 (**permalink**) 19/03/2007, 10:38

Que bien, esto sera util en un futuro jeje Excelente :P

axe · #11 (**permalink**) 19/03/2007, 10:51

Bueno señores, hago publico mi agradecimiento al maestro iluminado derkeNuke...
Si necesitas algo ando siempre por estos lares.
Un saludo y gracias nuevamente!

derkenuke · #12 (**permalink**) 19/03/2007, 12:19

Jo, q alagos axe

xxxdarkdragonxxx · #13 (**permalink**) 20/07/2008, 14:25

Una pregunta donde pongo la dirección de las imagenes?
x ejemplo: PEPE.jpg