ventana al tamaño de la imagen en dreamweaver

[kartess]

masters..necesito linkear paginas para que se abran a tamaño de la foto, sin que se puedan ampliar ni nada, en dreamweaver.
probé con behaviors, y open a broser window, pero lo q hace es abir mi pagina con la foto a un tamaño mayor que la foto, y una pagina a tamaño de la foto pero en blanco.
sé q algo hago mal, por favor me imagino q me ahogo en un vaso de agua no?.
lo q necesito es abrir desde un menu de botones, distintas páginas con el tamaño de las fotos o una medida predeterminada por mí.
gracias por la ayuda.

[tunait]

Hola

Te cuento que cuando linkas a una imagen (no a una página web) te abre esa imagen por defecto sobre fondo blanco y con unos márgenes de unos pocos pixels.

Si usas la función de abrir ventana de los comportamientos y le das los valores de altura y anchura de la imagen siempre te dejará como mínimo esos márgenes alrededor de la imagen.

Tienes dos opciones para lograr lo que quieres:

Insertar cada imagen en un html al cual le hayas dado unos márgenes de página de 0 y usar el comportamiento de "abrir ventana" de Dreamweaver para llamar a cada uno de esos html...


o bien usar algún script externo a dreamweaver (con un copipaste) y realizar las llamadas a la función a mano desde tu menú.

Para la primera propuesta no necesitas ayuda

Para la segunda sí. Si decides usar un script externo a dreamweaver dímelo y te pongo alguno


saludos

[kartess]

tunait, gracias por el tiempo,
me expliqué mal, yo ya estaba insertando en html las imágenes, lo que no logro (y debe ser super simple) es que cada html me abra del tamaño que yo le especifico, con la foto inserta.te cuento lo que hago:
-pruebo en behaviors
-open broser window
-le doy los parámetros del tamaño que quiero q se abra.
-pero al publicar, me aparecen dos ventanas,
-una de tamaño normal, con la imagen
-y otra ventana en blanco.
eso es lo que no puedo solucionar, tal vez no estoy usando las preferencias adecuadas.si me pudieras guiar, te agadecería.

[tunait]

claro,

Te cuento mis teorías:

Si tenías creados enlaces a las fotos con links normalitos de html para abrirse en ventana nueva (_blank) y ahora le has añadido el comportamiento (behavior) de "abrir ventana" sucederá que tienes asignadas dos acciones a tus enlaces: Uno en html y otro en javascript. Por eso te abre dos ventanas.

Imagino que, cuando le pides el comportamiento de abrir ventana no le pides (en ese cuadro de diálogo) la página que quieras que te abra, por eso te la debe estar abriendo en blanco.

Cuéntame cómo son los botones desde los que estás abriendo esas imágenes. ¿son imágenes? ¿son celdas con texto?

[kartess]

te cuento: son botones q estan insertos en un swf.y este en un html,, desde flash le doy el link a los html,para que vayan a las fotos q te conté antes.en este caso , get url : p1.html.
lo q tu me dices de escribir en el cuadro de dialogo en dreamweaver lo hago,
ahora, no creo q influya q estos botones estén o no en flash, porque lo unico q hago ahi es hacer el link con un html, no?
lo malo es q entiendo q tengo asignada dos acciones a un mismo html, pero, como sería para darle solo un enlace?
creo q debería hacer el link desde dreamweaver para que me funcione el open broser window,o solo debo corregir algo?
disculpa por el enredo, pero es el mismo q tengo en mi cabeza en este momento.

[tunait]

no te preocupes, es normal enredarse.

Mira, a los botones en flash no le valen los enlaces html.

Los botones en flash llevan su propia instrucción desde el propio flash.

Otra pregunta:

Los botones en flash que usas los has hecho desde Flash o has usado los que ofrece Dreamweaver?? (es el dato final que necesito para poder ayudarte)

[kartess]

no, estan hechos en flash, y toda esta pagina esta inserta como swf en un html, que trabajo en dreamweaver,me hago entender?,
lo otro que habia pensado es hacer unas zonas o mapas sensibles, (asi se dice en dreamweaver), donde desde ahi realice los enlaces, eso creo entender y creo haberlo hecho alguna vez, pero me interesaría saber como se hace de la forma en la que te cuento...

[tunait]

No, mira, debes trabajar desde flash también.

Fíjate:

Probablemente a los botones les habrá agregado algún tag (habrás de mirar en el código fuente)

Tendrás algo parecido a esto:

onclick="MM_openBrWindow('pagina.htm','nombreVenta na','width=200,height=300,resizable=no')"

Algo parecido porque tú habrás puesto otra página, otro nombre de ventana y otros atributos.

Pues lo que debes hacer es copiar esta parte (lo que queda entre " y ") MM_openBrWindow('tupagina.htm','nombreVentana','wi dth=200,height=300,resizable=no') y llevartelo a flash.

Una vez en flash selecciona tu botón y en el panel de acciones de objectos le pones lo siguiente:


on (release) {
getURL("javascript:MM_openBrWindow('tupagina.htm', 'nombreVentana','resizable=no,width=200,height=300 ')");
}


Habrás de hacerlo con cada botón especificando en cada caso la página, el nombre que quieras darle a la ventanita y los atributos que quieras.

Si quieres que todas se abran en la misma ventana dale siempre el mismo nombre. La mala noticia es que si lo haces así y las ventanas tienen distinto tamaño no se redimensionará.

Prueba a ver que tal y me cuentas

[kartess]

me pusiste una buena tarea por delante, ok.mas que agradecido, y manos a la obra...
te contaré apenas lo logre, o no..jjee
gracias tunait

[melf]

y que pasaria

[puchinho]

Hola

Yo utilizo esos comportamientos en mi pagina para abrir una imagen en un tamño mayor pero lo que ocurre es que cuando se abre la nueva ventana se me actualiza la anterior y se me vuelve para arriba del todo.

Esto es incómodo cuando estás pinchando en imágenes que están en la parte de abajo de todo de la página y tengo que volver abajo cada vez que quiero abrir otra imagen.

hay alguna forma de evitar que actualice la página principal cada vez que pinchas en un link de estos???

Gracias

[piero19]

Hola, tambien puedes usar este script sencillo solo reemplazas donde se ubican las fotos.

Código HTML:

<html>
<head>
</script>
<script language="javascript">
var ventana
var cont=0
var titulopordefecto = "Defecto"

function foto(cual,titulo){
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>' + titulo + '</title></head><body style="overflow:hidden" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" scroll="no" onUnload="opener.cont=0"><img src="' + cual + '" onLoad="opener.redimensionar(this.width, this.height)">')
ventana.document.close()
cont++}
function redimensionar(ancho,alto){
ventana.resizeTo(ancho+12,alto+28)
ventana.moveTo((screen.width-ancho)/2,(screen.height-alto)/2)}
</script>
</head>

<body>

<table width="80" border="0" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="80" height="70" valign="top"><a href="directorio/tufotos2.jpg" onClick="foto('directorio/tufotos2.jpg','titulo de la ventana');return false"><img src="directorio/tufoto1.jpg" width="80" height="70" border="0"></a></td>
  </tr>
</table>
</body>
</html> 

saludos..

[tunait]

Iniciado por piero19

Hola, tambien puedes usar este script sencillo solo reemplazas donde se ubican las fotos.

Código HTML:

<html>
<head>
</script>
<script language="javascript">
var ventana
var cont=0
var titulopordefecto = "Defecto"

function foto(cual,titulo){
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>' + titulo + '</title></head><body style="overflow:hidden" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" scroll="no" onUnload="opener.cont=0"><img src="' + cual + '" onLoad="opener.redimensionar(this.width, this.height)">')
ventana.document.close()
cont++}
function redimensionar(ancho,alto){
ventana.resizeTo(ancho+12,alto+28)
ventana.moveTo((screen.width-ancho)/2,(screen.height-alto)/2)}
</script>
</head>

<body>

<table width="80" border="0" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="80" height="70" valign="top"><a href="directorio/tufotos2.jpg" onClick="foto('directorio/tufotos2.jpg','titulo de la ventana');return false"><img src="directorio/tufoto1.jpg" width="80" height="70" border="0"></a></td>
  </tr>
</table>
</body>
</html> 

saludos..

Hombre, me suena, ese código es mío

[piero19]

pues creo que si, tengo un .doc donde tenog un monton de codigos recopilados.

saludos..

[puchinho]

Os agradezco vuestras respuestas pero el problema es el siguiente...

ahora mismo no puedo cambiar la forma de abrir las fotos y para hacer que las pequeñas sean un link, en VINCULO tengo puesto "#" que es lo que hace que se refresque la página.

Mi pregunta es si en ese vínculo que le tengo hay algun comando para que se refresque y vuelva al mismo sitio donde estaba o simplemente que no se refresque pero que no pierda la propiedad de vínculo....

espero expresarme bien

muchas gracias

[druh]

Wenas, yo tambien necesito que se me abra la imagen en una ventana nueva, pero al tamaño de la imagen.

Para que se entienda mejor, estoy trabajando sobre esta web: http://www.cristaleriabonanova.es/ que me la empezaron ha hacer pero el tio ha desaparecido y me la tengo que acavar yo. La historia es que en seccion TRABAJOS ya hay un par de las opciones que estan hechas, como por ejemplo la segunda "Restaurante y Hotel Can Fabes- Sant Celoni" si le clicamos aqui ya me abre la nueva ventana al tamaño de la imagen.

Yo trabajo con el Dreamweaver 8, y lo maximo que he conseguido ha sido que me lo abra en una ventana nueva pero con fondo blanco, usando _blank.

Yo soy bastante novato en esto, y en texto html no entiendo nada, solo se usar algunas opciones del dreamweaver.

¿Me podriais explicar alguna forma mas sencillas que las anteriormente nombradas?

Gracias!!

[Hedwing]

Hola, me engancho en esta explicacion.
He llegado a este punto, tengo una tabla con varias fotos, al pinchar en una foto abro una pantalla emergente, con la foto en tamaño normal.

onclick="MM_openBrWindow('fulanita/grandes/P1070627_2.jpg','','location=yes,scrollbars=yes,wi dth=400,height=400,left=450,top=200,toolbar=no,dir ectories=no,menubar=no,status=no,menubar=no,resiza ble=no;scrollbars=no'


Ahora, lo que necesito es poder editar esa ventana emergente. A ver si me explico, quiero que al abrirse la ventana, si pincho en ESA ventana, o bien se cierre o bien salga un mensaje de alerta y un boton que lo cierre. se entiende?? Lo que no puedo lograr es ver el codigo de esa ventana, estoy trabajando en dreamweaver

gracias!