Entrar

fotos

ferll · · Solicitar retirada
hola!!

Me gustaría poner en un rinconcito de mi web fotos, xo claro...estaría bien q hubiese un botón para ir avanzando o retrocediendo y tb q se cambien automáticamente. me gustaría tb q hubiese una opción para ver en pantalla completa tipo presentación de power point. xo no tengo ni idea de por donde empezar, alguna ayuda?
Foley · · Solicitar retirada
Están muy interesantes pero no encuentro el script para que al hacer click en una imagen, esta aparezca en un popup a pantalla completa.


Saludos y gracias :P
Foley · · Solicitar retirada
muchas gracias yaneth, es perfecto, ahora mi problema es que no entiendo donde poner las rutas de las imagenes. Las tengo en una carpeta llamada screenshots pero cuando hago la vista previa no me salen. Podrías explicarme un poco el codigo?? :D


Saludos :P
Foley · · Solicitar retirada
Esto lo tengo entre <head> y </head>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
prev1 = Covertops (32,18);
prev1.src = "screenshots/covertops.bmp";
prev2 = Estadísticas (32,18);
prev2.src = "screenshots/covertops.bmp";

next1 = new Image (32,18);
next1.src = "screenshots/headshots.bmp";
next2 = new Image (32,18);
next2.src = "screenshots/ingeniero.bmp";

go1 = new Image (48,24);
go1.src = "go1.jpg";
go2 = new Image (48,24);
go2.src = "go2.jpg";

maxPic = 5;

p1 = new Image (144,96);
p1.src = "foto0001.jpg";
link1 = "foto0001g.jpg";

p2 = new Image (144,96);
p2.src = "foto0002.jpg";
link2 = "foto0002g.jpg";

p3 = new Image (144,96);
p3.src = "foto0003.jpg";
link3 = "foto003g.jpg";

p4 = new Image (144,96);
p4.src = "foto0004.jpg";
link4 = "foto0004g.jpg";

p5 = new Image (144,96);
p5.src = "foto0005.jpg";
link5 = "foto0005g.jpg";

count = 1;
function next() {
count++;
if (count > maxPic) {
count = 1;
}
eval("document.p.src=p" + count + ".src");
}
function back() {
count--;
if (count == 0) {
count = maxPic;
}
eval("document.p.src=p" + count + ".src");
}
function link() {
location.href=eval("link" + count);
}
// End -->
</script>


Esto lo tengo entre <body> y </body>

<font color=white face="Arial, Helvetica" size="+1">Imágenes Enemy Territory</font>



[contenido no disponible]


<table border=0>
<tr>
<td><a href="javascript:back()" onmouseover="prev.src=prev2.src" onmouseout="prev.src=prev1.src">[contenido no disponible]</td>

<td><a href="javascript:link()" onmouseover="go.src=go2.src" onmouseout="go.src=go1.src" >[contenido no disponible]</td>

<td><a href="javascript:next()" onmouseover="next.src=next2.src" onmouseout="next.src=next1.src">[contenido no disponible]</td>
</tr>
</table>

<font color="#A3ACC9" size="2" face="Arial">
Para ver a tamaño real pulsa "GO".</font>


Saludos. No he agregado todas todas las imagenes que quiero poner porque solo estaba probando como funciona el script... :lol:
Yaneth · · Solicitar retirada
hola mira este es el codigo original


<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
prev1 = new Image (32,18);
prev1.src = "prev1.jpg";
prev2 = new Image (32,18);
prev2.src = "prev2.jpg";

next1 = new Image (32,18);
next1.src = "next1.jpg";
next2 = new Image (32,18);
next2.src = "next2.jpg";

go1 = new Image (48,24);
go1.src = "go1.jpg";
go2 = new Image (48,24);
go2.src = "go2.jpg";

maxPic = 5;

p1 = new Image (144,96);
p1.src = "foto0001.jpg";
link1 = "foto0001g.jpg";

p2 = new Image (144,96);
p2.src = "foto0002.jpg";
link2 = "foto0002g.jpg";

p3 = new Image (144,96);
p3.src = "foto0003.jpg";
link3 = "foto003g.jpg";

p4 = new Image (144,96);
p4.src = "foto0004.jpg";
link4 = "foto0004g.jpg";

p5 = new Image (144,96);
p5.src = "foto0005.jpg";
link5 = "foto0005g.jpg";

count = 1;
function next() {
count++;
if (count > maxPic) {
count = 1;
}
eval("document.p.src=p" + count + ".src");
}
function back() {
count--;
if (count == 0) {
count = maxPic;
}
eval("document.p.src=p" + count + ".src");
}
function link() {
location.href=eval("link" + count);
}
// End -->
</script>

lo que te puse en rojo son los nombres de las imagenes

es ahi, donde tienes que indicarlo

igualmente en lo que va entre los body


en estos:

prev1 = new Image (32,1Cool;
prev1.src = "prev1.jpg";
prev2 = new Image (32,1Cool;
prev2.src = "prev2.jpg";

next1 = new Image (32,1Cool;
next1.src = "next1.jpg";
next2 = new Image (32,1Cool;
next2.src = "next2.jpg";

go1 = new Image (48,24);
go1.src = "go1.jpg";
go2 = new Image (48,24);
go2.src = "go2.jpg";

son las imagenes de las flechas

si no te quedó claro avisa

saludos
Foley · · Solicitar retirada
Perdona por ser tan pesado :cry: pero....

No entiendo lo de body. No se donde tengo que poner la ruta de la imagen1. Esta en rojo donde la puse.

<center>
<table bgcolor="#003366" border=0>
<tr>
<td align=center width=300>
<font color=white face="Arial, Helvetica" size="+1">EXPOSITOR FOTOGRÁFICO</font>



[contenido no disponible]


<table border=0>
<tr>
<td><a href="javascript:back()" onmouseover="prev.src=prev2.src" onmouseout="prev.src=prev1.src">[contenido no disponible]</td>

<td><a href="javascript:link()" onmouseover="go.src=go2.src" onmouseout="go.src=go1.src" >[contenido no disponible]</td>

<td><a href="javascript:next()" onmouseover="next.src=next2.src" onmouseout="next.src=next1.src">[contenido no disponible]</td>
</tr>
</table>

<font color="#A3ACC9" size="2" face="Arial">
Imagen tamaño real "GO".</font>
</td>
</tr>
</table>
</center>


Saludos :oops:
Yaneth · · Solicitar retirada
hola

mira para empezar tienes que guardar las imagenes de las flechas

son 6 imagenes 3 azul fuerte y 3 celestes

las imagenes se llaman asi:

next1.jpg
next2.jpg
prev1.jpg
prev2.jpg
go1.jpg
go2.jpg

aqui te pongo el enlace solo tendrás que cambiarle el nombre al final

http://www.javascript.com.mx/javascripts/imagenes/next1.jpg

guardalos con el mismo nombre que traen solo espeifica la carpeta,
yo los he puesto dentro de una que llame "galeria"

entre los head va esto ok?

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
prev1 = new Image (32,18);
prev1.src = "galeria/prev1.jpg";
prev2 = new Image (32,18);
prev2.src = "galeria/prev2.jpg";

next1 = new Image (32,18);
next1.src = "galeria/next1.jpg";
next2 = new Image (32,18);
next2.src = "galeria/next2.jpg";

go1 = new Image (48,24);
go1.src = "galeria/go1.jpg";
go2 = new Image (48,24);
go2.src = "galeria/go2.jpg";

maxPic = 5;

p1 = new Image (144,96);
p1.src = "galeria/a1.jpg";
link1 = "foto0001g.jpg";

p2 = new Image (144,96);
p2.src = "galeria/a2.jpg";
link2 = "foto0002g.jpg";

p3 = new Image (144,96);
p3.src = "foto0003.jpg";
link3 = "foto003g.jpg";

p4 = new Image (144,96);
p4.src = "foto0004.jpg";
link4 = "foto0004g.jpg";

p5 = new Image (144,96);
p5.src = "foto0005.jpg";
link5 = "foto0005g.jpg";


(en rojo te he resaltado "galeria" que es la carpeta en la que puse las imagenes de los botones ok??)

(en verde he resaltado el nombre de la carpeta y el nombre de la imagen a mostrar)

(en azul) tienes que poner ahi la carpeta y nombre de la imagen grande)


ahora vamos con lo que va entre los body

<center>
<table bgcolor="#003366" border=0>
<tr>
<td align=center width=300>
<font color=white face="Arial, Helvetica" size="+1">EXPOSITOR FOTOGRÁFICO</font>



[contenido no disponible]


<table border=0>
<tr>
<td><a href="javascript:back()" onmouseover="prev.src=prev2.src" onmouseout="prev.src=prev1.src">[contenido no disponible]</td>

<td><a href="javascript:link()" onmouseover="go.src=go2.src" onmouseout="go.src=go1.src" >[contenido no disponible]</td>

<td><a href="javascript:next()" onmouseover="next.src=next2.src" onmouseout="next.src=next1.src">[contenido no disponible]</td>
</tr>
</table>

<font color="#A3ACC9" size="2" face="Arial">
Imagen tamaño real "GO".</font>
</td>
</tr>
</table>
</center>


(en amarillo pondrás la carpeta y la imagen de la primera fotografia a mostrar)

(en rojo la ruta de las flechas)

creo que es todo

si algo se me escapó solo avisa

saludos
roma2722 · · Solicitar retirada
hola Yaneth, he copiado este script, y en el html me va perfecto, al subirlo, va bien, pero al darle al go para verlas en tamaño grande, se me conecta una pag que no tiene que ver nada con lo que tengo yo, :roll:

MERCI
salu2
roma2722 · · Solicitar retirada
hola, ya esta solucionado, bueno, con este script no, he cambiado a otro,y ya me funciona.

MERCI
salu2