galeria de fotos

KarlanKas · #31 (**permalink**) 01/07/2003, 05:46

Es fácil! Simplemente debemos saber qué aparece con Win XP al poner:

alert(navigator.userAgent)

caricatos · #32 (**permalink**) 01/07/2003, 05:47

Hola otra vez:

Tunait

: El cambio de tema no surtió efecto:

Bravenap:

Cita:

Me alegra compartir condicional con caricatos

Lo mismo digo (vamos a dar caña)

Saludos

KarlanKas · #33 (**permalink**) 01/07/2003, 05:48

Pues a mi me ha funcionado ese script, eh tunait? Claro que yo no soy ni Bravenap ni caricatos...

¿Qué es eso de dar caña, caricatos? Que pareces el jefe de una banda de moteros!!

tunait · #34 (**permalink**) 01/07/2003, 06:03

Sin comentarios

Yo me apeo de este tema

saludos

KarlanKas · #35 (**permalink**) 01/07/2003, 06:10

Digo el script de si no se es cariacatos o Bravenap. Es una coñita

caricatos · #36 (**permalink**) 01/07/2003, 07:55

Volviendo a la parte seria del tema (ya me tomé la cañita):

¿Habría algún truco, donde no importase la versión del sistema operativo, o el navegador, para que no aparecieran las dichosas barritas?

... y una segunda cuestión: ¿Por qué no se redimensiona en opera?

Saludos

KarlanKas · #37 (**permalink**) 01/07/2003, 09:24

A ver, hay una forma. Pero me tienes que ayudar. Dime que te aparece en la pantalla de tu ordenador cuando pones esto en una página:
<script>
alert(navigator.userAgent)
</script>

Bravenap · #38 (**permalink**) 01/07/2003, 09:35

Internet Explorer 6.0:

Cita:

Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)

Netscape 7.0:

Cita:

Mozilla/5.0 (Windows; U; Windows NT 5.1; es-ES; rv:1.0.1) Gecko/20020823 Netscape/7.0

SO: MS Windows XP Pro

KarlanKas · #39 (**permalink**) 01/07/2003, 10:02

A ver si ahora:

Código PHP:

   
<html>

<head>

    <title>Galería de Imágenes</title>

    <style>

    A{font:normal 10px/10px verdana;

    color:blue;

    text-decoration:none;

    }

    input{font:normal 10px/10px verdana}

    </style>

<script>

 
var masX=0;

var masY=0;

if (navigator.userAgent.indexOf("Windows NT 5.1")!=-1 && navigator.userAgent.indexOf("Netscape")!=-1){masX=5;masY=5}

var ventana

var cont=0

imagen=new Array;

primera=false;

function nueva(peque,grande,nombre){

this.peque=new Image;

this.grande=new Image;

if(!nombre){this.titulo=false}

else{this.titulo=nombre}

this.peque.src=peque

this.grande.src=grande;

}

//----------------- VARIABLES EDITABLES ---------------------------

 
var tituloGaleria="Galería de imágenes"//Título por defecto de la galería

 
var titulopordefecto = "Galería de imágenes" //texto por defecto

// a mostrar en la barra de título de la pop up en caso de omitir el argumento titulo

 
var fotosPorFila=3;

 
var fotosPorColumna=3;

 
var forzarAncho=80;//Pon el ancho al que quieres forzar las 

//imágenes en miniatura. Si pones 0 no forzará nada

 
var forzarAlto=80;//Pon el alto al que quieres forzar las imágenes

//en miniatura. Si pones 0 no forzará nada

 
// -----------------------------------------------------------------------------

// | Pon todas las imágenes que quieras                                         |

// | Sintaxis:                                                                  |

// |        imagen[n]=new nueva(<imagen pequeña>,<imagen grande>,[titulo]);     |

// -----------------------------------------------------------------------------

 
imagen[0]=new nueva('1b.jpg','1.gif','foto Añaer');

imagen[1]=new nueva('2b.jpg','2.jpg','Ya sabía yoo...');

imagen[2]=new nueva('3b.jpg','3.jpg','Con faldas y a lo loco');

imagen[3]=new nueva('4b.jpg','4.jpg');

imagen[4]=new nueva('1b.jpg','1.jpg','foto rara');

imagen[5]=new nueva('2b.jpg','2.jpg');

imagen[6]=new nueva('3b.jpg','3.jpg','los amigos');

imagen[7]=new nueva('4b.jpg','4.jpg');

imagen[8]=new nueva('1b.jpg','1.jpg','foto rara');

imagen[9]=new nueva('2b.jpg','2.jpg');

imagen[10]=new nueva('3b.jpg','3.jpg','los amigos');

imagen[11]=new nueva('4b.jpg','4.jpg');

 
//------------- NO EDITES A PARTIR DE AQUÍ SI NO SABES LO QUE HACES -----------------

 
 
//script por Tunait

//Modificado un poquiiiito por KarlanKas

 
function afoto(cual){

titulo=imagen[cual].titulo;

cual=imagen[cual].grande.src;

if(cont==1){ventana.close();ventana=null}

if(titulo==null){titulo=titulopordefecto}

ventana=window.open('','ventana','resizable=yes,scrollbars=no')

ventana.document.write('<html><head><title>');

ventana.document.write(titulo + '</title></head>');

ventana.document.write('<body style="overflow:hidden"');

ventana.document.write('marginwidth="0" marginheight="0"');

ventana.document.write('topmargin="0" bottommargin="0"');

ventana.document.write('leftmargin="0" rightmargin="0"'); 

ventana.document.write('scroll="no" onUnload="opener.cont=0">');

ventana.document.write('<img onError="self.close()" src="' + cual + '" alt="'+titulo+'" ')

ventana.document.write('onLoad="opener.redimensionar(this.width, this.height)">')

if(ventana&&!ventana.closed){ventana.document.close()}

cont++

}

function redimensionar(ancho,alto)

{

ventana.resizeTo((ancho+11+masX),(alto+28+masY))

ventana.moveTo((screen.width-ancho)/2,(screen.height-alto)/2) //centra la ventana. 

//Eliminar si no se quiere centrar el popup

}

</script>

<script>

// Resto de KarlanKas para forosdelweb.com

 
var codigo=""

var tituloPuesto=""

anadir=" style='"

anadir+=(forzarAncho)?" width:"+forzarAncho+"px;":"";

anadir+=(forzarAlto)?" height:"+forzarAlto+"px;":"";

anadir+="' "

anadir2=" "

anadir2+=(forzarAncho)?" width="+forzarAncho:"";

anadir2+=(forzarAlto)?" height="+forzarAlto:"";

 
foto=-1;

 
function montarTabla(vamosAtras){

 
if(!vamosAtras){vamosAtras=false}

 
        if(primera){

location.href=location.href.split("?")[0] + "?foto="+foto+"&vamosAtras="+vamosAtras;

                    }

        else{primera=true;

            URL=location.href;

            interrogacion=URL.indexOf("?");

            if(interrogacion!=-1){

            datos=URL.substring(interrogacion,URL.length);

            partes=datos.split("&");

            foto=partes[0].substring(6,partes[0].length);

            foto=parseInt(foto)

            vamosAtras=partes[1].substring(11,partes[1].length);

            

            }

 
if(vamosAtras=="true"){foto-=(2*fotosPorFila*fotosPorColumna)}

if (foto<(imagen.length)){

    codigo="<center><table>"

    for (fila=0;fila<fotosPorFila;fila++){

        codigo+="<tr>"

        for (columna=0;columna<fotosPorColumna;columna++){

            foto+=1;

            if(foto<imagen.length){

                if(!imagen[foto].titulo){

                    imagen[foto].titulo="Imagen "+(1+foto)

                }

                

            }

            codigo+="<td valign='top'"; 

            codigo+="align='center'";

            codigo+="style='width:"+(forzarAncho+5)+" px;height:"+(forzarAlto+30)+" px;overflow:auto'>";

            if (imagen[foto]){

                codigo+="<A HREF='javascript:afoto("+foto+")'";

                codigo+="onFocus='this.blur()'>";

                codigo+="<img border=0 src='"+imagen[foto].peque.src+"'"+anadir+anadir2+">";

                codigo+="<br>"+imagen[foto].titulo+"<br><br></A>";

            }

            codigo+="</td>";}

            codigo+="</tr>";

        }

             habilitadoAtras=(foto==((fotosPorFila*fotosPorColumna)-1))?"disabled":""

        habilitadoAlante=((foto+1)>=imagen.length)?"disabled":""

        codigo+="</table>";

        codigo+="<br>";

        codigo+="<input type='button' "

        codigo+=habilitadoAtras+" value='< Anteriores' onClick='montarTabla(true)'>";

        codigo+="<input type='button' "

        codigo+=habilitadoAlante+" value='Siguientes >'  onClick='montarTabla()'></center>";

    }

    return codigo;

}}

</script>

</head>

 
<body><center><h1><script>document.write(tituloGaleria)</script></h1></center>

<div id="tabla"><script>document.write(montarTabla())</script></div>

</body>

</html>

caricatos · #40 (**permalink**) 01/07/2003, 10:10

Hola:

Tengo lo mismo que Bravenap en explorer y netscape...
... y en Opera:

Opera/7.0 (Windows XP; U) [en]

Saludos

KarlanKas · #41 (**permalink**) 01/07/2003, 10:12

Y funciona la chapucilla?

Bravenap · #42 (**permalink**) 01/07/2003, 10:20

Phoenix 0.5

Cita:

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.3a) Gecko/20021207 Phoenix/0.5

No lo uso nunca, pero bueno, por si sirve de algo.

KarlanKas · #43 (**permalink**) 01/07/2003, 10:22

Bueno... probais el último código o qué?

Bravenap · #44 (**permalink**) 01/07/2003, 10:36

Tranqui, tranqui,....

Pues tanto en IE como en NS me sale una ventana algo más grande que las imágenes y por tanto se ven bastante los bordes blancos. Además tampoco sale centrada.

Hala, a seguir currando que cuando termines me copio todo el código para mí solito y no se lo dejo a nadie

.... ¡Hala!¡Chincha rabiña!

KarlanKas · #45 (**permalink**) 01/07/2003, 10:42

Debo estar dormido, porque no entiendo tu última broma...

El caso es que no puede salir más grande en IE... sería ilógico...

Bravenap · #46 (**permalink**) 01/07/2003, 10:54

No había que entender nada, era símplemente eso, una broma.

Mira las capturas de pantalla.

Interne Explorer

Netscape

Un saludo.

caricatos · #47 (**permalink**) 01/07/2003, 10:56

Nuevo informe:

Faltan 3 pixeles: a la altura:

Me acabo de acordar de una cosa que existe en netscape y NO en explorer, y al probarlo, tarde un poco en responder...

Las ventanas en netscape (al menos la versión 7) tienen el atributo innerWidth y outerWidth (lo mismo para Height)

Toqué un poco la función redimensionar, y se ajusta mejor...

Con el permiso de tunait (Hola

)

Código PHP:

  function redimensionar(ancho,alto)

{

_ancho = ancho + 11;

_alto = alto + 30;

ventana.resizeTo(_ancho, _alto)

if (!document.all)    {

    nuevoAlto = ventana.innerHeight;

    nuevoAncho = ventana.innerWidth;

    ventana.resizeTo(_ancho + (ancho - nuevoAncho), _alto + (alto - nuevoAlto))

}

ventana.moveTo((screen.width-ancho)/2,(screen.height-alto)/2) //centra la ventana. 

//Eliminar si no se quiere centrar el popup

}

Aunque redimensiona 2 veces, y ya no sé bien si en explorer se ajusta bien.

Saludos

KarlanKas · #48 (**permalink**) 01/07/2003, 11:31

Creo que esta forma es más elegante (con W2K y NS 7.0 funciona):

Código:

function redimensionar(ancho,alto)
{
(document.all)?eval("ventana.resizeTo((ancho+11),(alto+28))"):eval("ventana.innerWidth=ancho;ventana.innerHeight=alto");
ventana.moveTo((screen.width-ancho)/2,(screen.height-alto)/2) //centra la ventana. 
//Eliminar si no se quiere centrar el popup
}

Y creo que ya está lo suficientemente depurado como para que Quino ponga su galería. Además ¿Quíen usa hoy en día NS? ¿un 5%? ¿y de los ciudadanitos de a pie que no están metidos en estos líos de las páginas web? ¿Un 1%?

Quino, si tienes cualquier duda sobre como introducir el código o las variables no tienes más que preguntarlo.

Saludos a todos!

L3stat · #49 (**permalink**) 21/07/2003, 11:23

Muy buenas

Yo hice una galeria con el codigo ke puso Bravenap, solo tengo un problema, cuando pinchas el enlace apunta a la fotografia en cuestion, y a mi me gustaria ke apuntara a una pagina con un menu y tal, un asp por ejemplo.
Intente poner un form, y pasarle por post el valor de la fotografia y en la page de destino ke se implementara la variable con la foto.
Lo ke pasa es ke razonarlo es simple, hacerlo es otra historia.
Podria alguien orientarme o en el mejor caso ayudarme con el codigo?

Gracias por adelantado.

L3stat

Bravenap · #50 (**permalink**) 22/07/2003, 13:57

Hola L3stat, ya recibí tu mensaje y entiendo qué es lo que quieres. El problema es que ahora no tengo mucho tiempo para andar probando cosas. De todas formas creo que la cuestión estaría en retocar algunas cosillas de esta parte del código:

Código:

            if (imagen[foto]){
                codigo+="<A HREF='javascript:afoto("+foto+")'"; 
                codigo+="onFocus='this.blur()'>";
                codigo+="<img border=0 src='"+imagen[foto].peque.src+"'"+anadir+anadir2+">";
                codigo+="<br>"+imagen[foto].titulo+"<br><br></A>";
            }
            codigo+="</td>";}

Un saludo.

L3stat · #51 (**permalink**) 23/07/2003, 12:04

Valla tio, con esto no me aclaro, no se por donde cogerlo, jejeje.
Mira, te dejo el codigo ke pusiste, con algunas variaciones para ke funcione en mi caso.

<%
Dim FSO
Dim Files
Dim File
Dim Count
Const Columns = 3
Const ImageWidth = 100
Set FSO = Server.CreateObject("Scripting.FileSystemObject")
Set Files = FSO.GetFolder(Server.MapPath("imagenes/galeria/pekenas/")).Files
Set FSO = Nothing
Response.Write "<TABLE width=""100%"" border=""0"" cellspacing=""0"">"
Response.Write "<TR>"
Count = 0
For Each File In Files
Select Case LCase(Right(File.Name, 3))
Case "jpg", "gif", "bmp", "png"
Count = Count + 1
if Count Mod Columns = 1 Then Response.Write "</TR><TR>"

Response.Write "<TD align=""rigth"" valign=""center"">"

Response.Write "<A href=""imagenes/galeria/grandes/" & File.Name & """>"
//Response.Write File.Name
Response.Write "<BR><IMG src=""imagenes/galeria/pekenas/" & File.Name & """ border=""1"" width=""" & ImageWidth & """><BR>"
Response.Write "</A>"

Response.Write "</TD>"
End Select
Next
Response.Write "</TR>"
Response.Write "</TABLE>"
Set File = Nothing
Set Files = Nothing
%>

No sabia como poner lo de code, espero ke lo entiendas bien.

Enga, perdona por mi ignorancia, estoy empezando y los comienzos son algo torpes.

Un saludo y gracias por preocuparte.

L3stat

KarlanKas · #52 (**permalink**) 11/09/2003, 01:33

Cita:

p_calderon2003 escribió el 10-09-2003 a las 10:51 PM:

Cuando, supongamos tengo una resolucion de 800X600,
pero mi imagen es 1024X768, entonces la imagen es mas grande que mi pantalla y la ventana la hace muy grande ya que se calculo antes el tamaño de la ventana, como se puede arreglar ese caso ya que se quiere ese tamaño de pantalla, pero ver la imagen a su tamaño normal??????
Gracia y espero que mi pregunta no sea tan tonta.

Hola p_calderon2003!!

No es una pregunta tonta ni mucho menos!

Una posible solución sería cambiar la función redimensiuonar por esta:

Código PHP:

  function redimensionar(ancho,alto)

{

if (ancho>screen.width){ancho=screen.width}

if(alto>screen.height{alto=screen.height}

ventana.resizeTo((ancho+11+masX),(alto+28+masY))

ventana.moveTo((screen.width-ancho)/2,(screen.height-alto)/2) //centra la ventana. 

//Eliminar si no se quiere centrar el popup

}

Y unas líneas más arriba cambiar esto:

Código PHP:

  ventana.document.write('<body style="overflow:hidden"');

por:

Código PHP:

  ventana.document.write('<body style="overflow:auto"');

Con esto conseguiremos que la ventana no ocupe más del tamaño de la pantalla y si la imagen es demasiado grande que aparezcan barras de desplazamiento.

Si quieres reducir la imagen para que quepa, lo puedes hacer definiendo el tamaño de la imagen, pero perderá calidad. Si lo uqieres hacer así cambia la función redimensionar por esto:

Código PHP:

   
 function redimensionar(ancho,alto)

{

if (ancho>screen.width){ancho=screen.width;

ventana.document.images[0].width=ancho;}

if(alto>screen.height{alto=screen.height;

ventana.document.images[0].height=alto;}

ventana.resizeTo((ancho+11+masX),(alto+28+masY))

ventana.moveTo((screen.width-ancho)/2,(screen.height-alto)/2) //centra la ventana. 

//Eliminar si no se quiere centrar el popup

}

No lo he probado, pero supongo que funcionará. Dime si lo hace.

Un saludo!!