¿Cómo creo POPUPS con IMÁGENES aumentadas?

User 983981

Usuario habitual

#1•17/Mar/2004, 10:33

Hola, me gustaría poner en mi página web fotos que al pinchar sobre cualquiera se abriera un pop up con la foto un poco más grande. Algo muy típico algunas web por ahí.

Me gustaría saber qué etiquetas debo poner para ello o donde podría buscarlas.

Son básicamente popups de imágenes sólo, y no de los que te cargan otra web. como ya los tengo.

He probado a hacer un enlace a otra pagina que tenia la foto pero no es el efecto que yo quiero.

Me gustaría quitar o poner las barras de desplazamiento, herramientas, resolución, etc.

No sé si me explico bien.

Muchas Gracias.

*chavp* Moderador
#2•17/Mar/2004, 14:30 Ve aca http://javascript.tunait.com/javascript/index.asp De interés Público NO AGREGARME COMO AMIGO, gracias Asuntos claros en los temas Consultas en temas no afines serán borradas Tratemos de expresarnos bien, que así da gusto leer 2011, año internacional de los Bosques Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

Nodws @man / @woman
#3•18/Mar/2004, 03:36 <a href=foto-grande.jpg target=_blank><img src=foto-chica.jpg></a> demaciado facil xD

NoSetup.org @man / @woman
#4•18/Mar/2004, 08:48 Escrito originalmente por Nodws <a href=foto-grande.jpg target=_blank><img src=foto-chica.jpg></a> demaciado facil xD Creo que se refiere a algunas opciones mas en el enlace... como la ventana redimensionada según el tamaño de la foto, sin barrita.... tampoco muy dificil, pero no tan sencillo.

ritex

Usuario habitual

#5•23/Mar/2004, 19:22

Escrito originalmente por Ritex

O hacelo aca:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><title>Tu@rroba :: Generador Pop-up</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">

\n\n" + start + "BODY onLoad=\"javascript:popUp('" + page + "')\">";
}
if(howto == 'link') {
otherOutput = start + "!-- SEGUNDO PASO: Utilice el siguiente link para abrir la nueva ventana -->\n\n" + start + "A HREF=\"javascript:popUp('" + page + "')\">Abrir Ventana Pop Up" + start + "/A>";
}
if(howto == 'button') {
otherOutput = start + "!-- SEGUNDO PASO: Utilice el siguiente botón para abrir la nueva ventana -->\n\n" + start + "form>\n" + start + "input type=button value=\"Abrir Ventana Pop Up\" onClick=\"javascript:popUp('" + page + "')\">\n" + start + "/form>";
}

scriptOutput = start + '!-- DOS PASOS PARA INSTALAR EL JAVASCRIPT:\r\n\r\n'
+ ' 1. Pegue la primera parte dentro del HEAD de su página HTML\r\n'
+ ' 2. Utilice la segunda parte para abrir la nueva ventana -->\r\n\r\n'
+ '\r\n\r\n'
+ '<HEAD>\r\n\r\n' + start + 'SCRIPT LANGUAGE="JavaScript">\r\n'
+ '\r\n'
+ '\r\n\r\n'
+ '<!-- Begin\r\n'
+ 'function pop' + 'Up(URL) {\nday = new Date();\nid = day.getTime();\n';

scriptOutput += "eval(\"page\" + id + \" = window.open(URL, '\" + id + \"', '" +

((toolbars) ? "toolbar=1," : "toolbar=0,&quot

+
((scrollprops) ? "scrollbars=1," : "scrollbars=0,&quot

+
((locations) ? "location=1," : "location=0,&quot

+
((statusbars) ? "statusbar=1," : "statusbar=0,&quot

+
((menubars) ? "menubar=1," : "menubar=0,&quot

+
((resizeable) ? "resizable=1" : "resizable=0&quot

+
((width) ? ",width=" + width : "&quot

+
((height) ? ",height=" + height : "&quot

+
((center) ? ",left = " + ((screen.width - width) / 2) : "&quot

+
((center) ? ",top = " + ((screen.height - height) / 2) : "&quot

+
"');\&quot

;\n}\n// End -->\n" + start + "/sc" + "ript>\n";

output = scriptOutput + "\n\n" + otherOutput + '\n\n' + start +'!-- Tamaño del Script: 0.73 KB --'+'>';

document.mail.source.value = output;
document.mail.source2.value = output;

}
// End -->
</script><meta http-equiv="pragma" content="no-cache">
<title>[email protected] :: MAKETA2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="d://Webs/MasterWeb/masterweb.css" rel="stylesheet" type="text/css">
<style type="text/css">

</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape&quot

&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body bgcolor="#CCCCCC" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" leftmargin="0" topmargin="0">
<table width="778" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="dddddd"><img src="../images/tuarrobacab.jpg" width="778" height="152" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="667,130,743,147" href="../index.php">
<area shape="rect" coords="558,130,639,145" href="http://www.tuarroba.com/phpbbplus/">
<area shape="rect" coords="447,132,541,148" href="../comunidad/comunidad.php">
<area shape="rect" coords="336,131,432,146">
<area shape="rect" coords="8,130,84,148" href="http://www.miarroba.com">
<area shape="rect" coords="226,130,319,145">
<area shape="rect" coords="113,129,194,147" href="http://miarroba.com/foros/ver.php?id=1">
<area shape="rect" coords="129,30,344,91" href="http://www.tuarroba.com">
</map>
</td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="7e94c3" class="enlacestablas"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="3%" background="../images/lateral.jpg"><img src="../images/transparent.gif" width="27" height="1"></td>
<td width="94%"><div align="center" class="enlacesnaranjas">
<table width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td><div align="center">
<center>
</center>
<span class="enlacesnaranjas">GENERADOR DE VENTANAS
POP-UP ONLINE</span><br>
</div>
<form name="inputForm">
<div align="center">
<center>
<table width="530" cellpadding="2" cellspacing="0" border="0">
<tr>
<td> <table width="100%" cellspacing="0" cellpadding="10" border="0" bordercolor="#000000" align="center">
<tr>
<td colspan="2" align="left" valign="middle" class="cuerpotextos"><span class="titulotablas"><font face="Verdana"
color="#FFFFFF"><strong><small>Complete todas las casillas y haga clic
en Generar Código:</small></strong></font>
</span>
<table
border="0" cellpadding="0">
<tr>
<td></td>
</tr>
</table></td>
</tr>
<tr>
<td class="cuerpotextos"><small><font face="Verdana" color="#FFFFFF"><strong>¿Qué
archivo html o dirección http:// desea
abrir?</strong></font></small></td>
<td><small><font face="Verdana" color="#000000">
<input type="text" name="page" size="10">
</font></small></td>
</tr>
<tr>
<td class="cuerpotextos"><small><font face="Verdana" color="#FFFFFF"><strong>¿Desea
mostrar las barras de desplazamiento?</strong></font></small></td>
<td><small><font face="Verdana" color="#000000">
<input type="checkbox"
name="toolbars" value="ON">
</font></small></td>
</tr>
<tr>
<td class="cuerpotextos"><small><font face="Verdana" color="#FFFFFF"><strong>¿Desea
mostrar la barra de herramientas?</strong></font></small></td>
<td><small><font face="Verdana" color="#000000">
<input type="checkbox" name="scrollit"
value="ON">
</font></small></td>
</tr>
<tr>
<td class="cuerpotextos"><small><font face="Verdana" color="#FFFFFF"><strong>¿Desea
mostrar la barra de direcciones?</strong></font></small></td>
<td><small><font face="Verdana" color="#000000">
<input type="checkbox"
name="locations" value="ON">
</font></small></td>
</tr>
<tr>
<td class="cuerpotextos"><small><font face="Verdana" color="#FFFFFF"><strong>¿Desea
mostrar la barra de estado?</strong></font></small></td>
<td><small><font face="Verdana" color="#000000">
<input type="checkbox" name="statusbars"
value="ON">
</font></small></td>
</tr>
<tr>
<td class="cuerpotextos"><small><font face="Verdana" color="#FFFFFF"><strong>¿Desea
mostrar la barra de menú?</strong></font></small></td>
<td><small><font face="Verdana" color="#000000">
<input type="checkbox"
name="menubars" value="ON">
</font></small></td>
</tr>
<tr>
<td class="cuerpotextos"><font face="Verdana" color="#FFFFFF"><small><strong>¿Permitir
que se modifique el tamaño de la ventana?</strong></small></font></td>
<td><small><font face="Verdana" color="#000000">
<input type="checkbox" name="resizeable"
value="ON">
</font></small></td>
</tr>
<tr>
<td class="cuerpotextos"><small><font face="Verdana" color="#FFFFFF"><strong>¿Introduzca
el ancho de la ventana:</strong></font></small></td>
<td><small><font face="Verdana" color="#000000">
<input type="text"
name="width" size="4">
<font color="#FFFFFF"><span class="cuerpotextos"><strong>(en
pixeles)</strong></span></font></font></small></td>
</tr>
<tr>
<td class="cuerpotextos"><small><font face="Verdana" color="#FFFFFF"><strong>¿Introduzca
el alto de la ventana:</strong></font></small></td>
<td><small><font face="Verdana" color="#000000">
<input type="text" name="height" size="4">
<font color="#FFFFFF"><span class="cuerpotextos"><strong>(en
pixeles)</strong></span></font></font></small></td>
</tr>
<tr>
<td class="cuerpotextos"><small><font face="Verdana" color="#FFFFFF"><strong>¿Cómo
deseas que se abra?</strong></font></small></td>
<td><small><font face="Verdana" color="#000000">
<select name="howtoopen"
size="1">
<option value="button">mediante
un botón</option>
<option value="link">mediante un
link</option>
<option value="body">automáticamente</option>
</select>
</font></small></td>
</tr>
<tr>
<td class="cuerpotextos"><small><font face="Verdana" color="#FFFFFF"><strong>¿Quieres
centrar la ventana en la pantalla?</strong></font></small></td>
<td><small><font face="Verdana" color="#000000">
<input type="checkbox" name="center"
value="ON">
</font></small></td>
</tr>
<tr>
<td colspan="2" align="center" class="cuerpotextos">
<p><small><font face="Verdana"
color="#000000">
<input name="button" type="button"
onClick="javascript:generate();" value="Generar Código">
</font></small></td>
</tr>
</table></td>
</tr>
</table>
</center>
</div>
</form>
<form name="mail">
<input type="hidden" name="scriptname" value="Popup Window Maker">
<input type="hidden"
name="source2" value>
<div align="center">
<center>
<table border="0"
cellpadding="4" width="530">
<tr>
<td align="center"><textarea name="source" rows="12" cols="63"></textarea>
<br> </td>
</tr>
</table>
</center>
</div>
</form></td>
</tr>
</table>
<p> </p>

</div></td>
<td width="3%" background="../images/lateral2.jpg"><img src="../images/transparent.gif" width="27" height="1"></td>
</tr>
</table> </td>
</tr>
<tr>
<td background="../images/bajocentro.jpg" class="enlacestablas"> <div align="center" class="cuerpotextos">
</div>
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">

MaIcOl @man / @woman
#6•24/Mar/2004, 21:22 O busca algo mas en www.yomaster.com

Anterior Siguiente Arriba

Responder

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual

Inicio

Ayuda para webmasters

HTML básico

Opciones:

Ir al subforo:

Permisos:

TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes

Temas similares

No se han encontrado temas similares