popup ajustable a foto

[daniele]

hola tengo una web con una seccion de fotos, me gusataria que al picar sobre una de las fotos que tengo en un indice, esta saliese en un pop up con su tamaño original y en el que quiero añadir tambien un comentario sobre la foto, como puedo hacerlo? muchas gracias a todos

[tunait]

Que tal,

hace unos días comentamos lo mismo en este mensaje

http://beta.forosdelweb.com/showthre...443#post241443

Espero te ayude

Un saludo

[itatpc]

Ese enlace lleva a la segunda página; mejor usa este:

http://beta.forosdelweb.com/showthre...5&pagenumber=1

;)

P.D.: ¡hola tunait!

P.D. 2: ¡hola tunait! Esto parece acoso, ¿verdad?

-EDITADO-

Había puesto la URL de este mismo mensaje...

[tunait]

jajajaa que vaa yo encantada!!!

Mira precisamente estaba pensando en mandarte un mensajillo, ahí te lo mando!

p.d. ¡hola itatpc!

[daniele]

Gracias me funciona muy bien, pero... como podria hacer para poner comentarios a las fotos que se visualizasen en la misma ventana? seria posible que en la misma ventana pudiese colocar enlaces de atrs y siguiente para ver el resto de las fotos? gracias

[tunait]

Hum... sería cuestión de ampliar un poco el script añadiendo argumentos extra que le pasarías tú en cada llamada a la función.

Deja que juegue un rato con ello. Si hoy no lo tengo tranqui que será para mañana ;)

Un saludo!

[Keysher]

No he mirado mucho el script del que hablaís, pero para que sea un poco más alta la ventana, sólo habría que sumar al height lo que se quiera ampliar, no?

En cuanto a lo de anterior y siguiente sería un poco jugar con javascript, estaba pensando en hacerlo, pero os veo a tunait y a itatpc bastante trabajadores, y seguramente lo harías mejor que yo, asín que todo vuestro ;PP

SAludos!

[tunait]

jejeje Keysher, dele nomás!!

Si te animas tiralo adelante (pero avisa, jejeje, así me ahorro el trabajo)

Si no lo logras, o algo, pues también avisas!

Mira yo dudo mucho que me onga en ello antes de mañana!

Un saludo

[itatpc]

pero os veo a tunait y a itatpc bastante trabajadores

¡Nooooo! ¡Yo no sé nada de JS! Sólo he aportado unos comentarios; y a veces para estropear algo en lugar de arreglarlo... :(

P.D.: ¡hola tunait!

P.D. 2: ¡hola tunait! Ahora hay alguien que cree que sé algo de JS, así que intentaré quedarme callado...

P.D. 3: ¡hola tunait! Ya contesté tu mensaje con algo muy largo (y eso que he tenido que dejarlo en la mitad), y muy raro y personal...

[Keysher]

Bueno, yo tampoco sé casi nada de js, pero aún así se puede intentar ayudar........

Lo del alto es fácil, sólo hay que sumarle al height de:

opener.redimensionar(this.width, this.height)

lo que se considere oportuno.

En cuanto al tema de el anterior y el siguiente se me había ocurrido numerar las imagenes ( 1.jpg, 2.jpg 3.jpg....) y trabajar únicamente con los números sin extensiones, así el anterior sería el número menos uno y el siguiente el número más uno, siempre comprobando que no se sale de los limites.

Es lo que he pensado yo, no sé si es la mejor o no (no tengo mucha experiencia en js), pero es una aportación.

Ahora no puedo ponerme a hacerlo, mañana veremos.

Tunait, si sabes algún modo mejor de hacerlo, adelante.

Enga, saludillos

[daniele]

gracias a los 3, yo es qiue no se como hacerlo, ya me gustaria tener grandes conocimientos para podero resolver mis dudas asi, muchas gracias

[tunait]

daniele, no me olvido de ti, yá tengo código, pero ahora lo estoy ajustando para el Nescafé (netscape).

Cuando lo tenga listo te lo dejo aquí.

Saludos

[Keysher]

Hola!!

Hoy no me he podido poner con el script, pero me alegra leer que tunait lo tiene, estoy impaciente por ver como lo ha hecho, que ayer me dejó un poquillo intrigado el asunto.

Bueno, espero que pronto tengas tu código, daniele.

Un saludo!

[adex]

Me cuelgo de la promocion para el PopUp pa esas fotitos

estare esperado a ver que nos trae Tunait.

pd. hola hermosa Tunait ya estare molestando mas seguido por aqui

[tunait]

:) Adex! No sabes qué alegría me da leerte de nuevo por los foros

Bueno... como veo que no me acabo de poner en la parte del Nescafé, de momento dejo aquí lo que hay hecho que funciona ok para explorer.

Netscape los sigue.... hasta cierto punto. Funciona pero mal.
Si alguien le encuentra la vuelta para que Nescafé Navigueitor quiera también funcionar bien, que avise.


<script language="javascript">

//Ventana ajustada a foto por tunait
var ventana
afotos=new Array()
afotos[0]="imagen.jpg"
afotos[1]="foto.jpg"
afotos[2]="pepe.jpg"
afotos[3]="tiponcio.jpg"
afotos[4]="tacata.jpg"
function afoto(cual)
{
if(ventana){ventana.close()}
buscar(cual)
ventana=window.open('','ventana','resize=yes,scrol lbars=no,resizable=yes')
ventana.document.write('<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0"><img id="foto" alt="mi foto" src="' + cual + '" onLoad="opener.redimensionar(this.width, this.height)" onClick="opener.cont++;this.src=opener.afotos[opener.cont];" >')
ventana.document.write('<br><div align="center"><a href="#" onClick="if(opener.cont==0){opener.cont=opener.afo tos.length-1}else{opener.cont--};document.getElementById(\'foto\').src =opener.afotos[opener.cont];return false">anterior</a>')
ventana.document.write(' &nbsp;|&nbsp; <a href="#" onClick="if(opener.cont==opener.afotos.length-1){opener.cont=0}else{opener.cont++};document.getE lementById(\'foto\').src =opener.afotos[opener.cont];return false">siguiente</a>')
}
var cont
function redimensionar(ancho, alto)
{
ventana.resizeTo(ancho,alto+50)
}
function buscar(que)
{
for(c=0;c<afotos.length;c++)
{
if(afotos[c]==que)
{cont= c;
return cont
break}
}

}
</script>


Luego las llamadas son igual. Llamando a la función pasándole como parámetro el nombre o ruta de la imagen.

Siguiente mostrará la foto siguiente del listado y al llegar a la última saltará a la primera. Lo mismo con anterior

Cuando agarre por los cuernos al Netscape ya lo dejaré por aquí también.

Saludos

[adex]

a mi no me funciona
-------------------------------------------------------------------------------

[chivi]

Os dedicásteis a saludaros una tras otra vez, que me perdísteis..
No sé dónde se quedó el código, pues en otro post al ver que pasaba lo mismo y no veía fruto del mismo, así que lo que se deseaba era: ¿imágen ajustada a un pop-up y que pudiera contener en ese mismo pop up un texto?

Si es así, modifiqué un par de cosillas en el código de "Tunait":
- Al abrir pop-up, si se clicka en la imágen se cierra la ventana.
- Se añade debajo de la foto un pequeño texto explicativo
- Elimino los bordes de la imágen.

El código:

<html>
<head>
<script language="javascript">
var Ventana
function Imagen(foto, texto){
Ventana=window.open('','Ventana','resize=yes')
Ventana.document.write('<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0"><a href="#" onClick="window.close()"><img src="' + foto + '" border="0" onLoad="opener.redimensionar(this.width, this.height)"></a><br><center>' + texto + '</center>');
}
function redimensionar(ancho, alto){
Ventana.resizeTo(ancho,alto+50);
}
</script>
</head>
<body>
<a href="#" onClick="Imagen('imagen01.jpg','El texto que sea'); return false">
<img src="imagen01.jpg" border="0">
</a>
<a href="#" onClick="Imagen('imagen02.jpg','Otro texto cualquiera'); return false">
<img src="imagen02.jpg" border="0">
</a>
</body>
</html>

¿Qué más se quería o le faltó al script?

Pa cualquier cosilla, me pasaré en otra ocasión.

Saludos!

[tunait]

Buenas,

con eso de que yá no recibo avisos por correo no me había enterado de que había algo más en este post.

Adex, lo he dejado colgado en el servidor, a ver si sacandolo de allí no te da problemas.

ventana fotos

un saludo

[Wakkos]

Tunait, como siempre, que genial el script!!
quizás este tambien les pueda ayudar: http://www.bugimus.com/gurus/image_p...magepopup.html

[adex]

RE holas Tunait
que rebueno ese Script eh !!!! sos ser una Maestraza

PD. oye Tunait te acuerdas de aquel script que te comente por mail? que onda si la posteo, aun la necito