mismo pop up diferente Img...

DragonX · #1 (**permalink**) 23/09/2006, 07:56

Amigos, como estan.....les cuento un poco lo que estoy tratando de hacer.

Tengo 50 img aproximadamente y lo que necesito es que cada una de sas img's levanten un pop up con la misma img ampliada....ahora mi pregunta es....¡exite alguna manera de levantar la misma funcion de pop up, pero cambiando la img??

creo que me explique mal....

lo que uiero hacer es llamar desde esas imagenes a un mismo HTML pero que me aparezca la imagen que quiero ver.....por ejemplo si clickeo en la imagen del baño que me levante POPUP.HTML con la imagen del baño y si clikeo en la imagen de la cocina que levante POPUP.HTML pero con la imagen de la cocina.

mil gracias!!!!
DX

spider_boy · #2 (**permalink**) 23/09/2006, 08:24

Esto lo hago con JavaScript y PHP... No creo que sea la mejor solución... Pero sirve... Lo hago con PHP, pues nosé trabajar las URLs con JavaScript

// PHP (popup.php)
$get = $_GET;
$qrystr = $_GET['img'];

$qrystr = urldecode($qrystr);

echo "<img src=\"carpeta/".$qrystr."\">";

// JavaScript
function openPic(img)
{
window.open("popup.php="+img, "NombrePop", "Caracteristicas");
}

// HTML o PHP (Lo idea sería php)
<a href="javascript:void(0);" onClick="openPic('".urlencode(imagen.jpg)."');">Fo to 1</a>

Me entiendes la idea más o menos?

JavierB · #3 (**permalink**) 23/09/2006, 08:29

Hola DragonX

¿Algo así...?

Código PHP:

  <html>
<head>
<script type="text/javascript">
function abrir(im) {
  ventana = window.open('','ven');
  ventana.document.body.innerHTML = '';
  ventana.document.write('<img src="' + im + '" />');
  ventana.focus();
}
</script>
</head>
<body>
<img src="imagen1.jpg" onclick="abrir('imagenGrance1.jpg')" />
<img src="imagen2.jpg" onclick="abrir('imagenGrande2.jpg')" />
</body>
</html>

Saludos, :adios

DragonX · #4 (**permalink**) 23/09/2006, 08:33

mil gracias a los dos!!! JavierB sinceramente no me llevo del todo bien con PHP!!!

no existe forma de hacerlo todo en js ya que el que actualizara esta pagina mas adelante es mi cliente y quiero hacerselo lo mas mecanizado posile!!

Gracias, miles de nuevo!!!!!

JavierB · #5 (**permalink**) 23/09/2006, 08:41

Hola de nuevo.

Yo tampoco me llevo bien con PHP. El código que te puse es solo JavaScript, la etiqueta [php] es para que salga el código coloreado y se entienda mejor.

Saludos,

spider_boy · #6 (**permalink**) 23/09/2006, 08:41

Cita:

Iniciado por DragonX

mil gracias a los dos!!! JavierB sinceramente no me llevo del todo bien con PHP!!!

no existe forma de hacerlo todo en js ya que el que actualizara esta pagina mas adelante es mi cliente y quiero hacerselo lo mas mecanizado posile!!

Gracias, miles de nuevo!!!!!

JavierB lo hizo todo con JS, yo lo hice con PHP =( =P

Nos vemos =)

caricatos · #7 (**permalink**) 23/09/2006, 08:42

Cita:

Iniciado por DragonX

mil gracias a los dos!!! JavierB sinceramente no me llevo del todo bien con PHP!!!

no existe forma de hacerlo todo en js ya que el que actualizara esta pagina mas adelante es mi cliente y quiero hacerselo lo mas mecanizado posile!!

Gracias, miles de nuevo!!!!!

Hola DragonX

Es evidente que no sabes mucho ni de php ni de javascript...
El código de JavierB (¡Hola

!) es puro javascript, y ni siquiera necesitas que exista el popup.html (bueno... en este caso concreto parece que sí, pero con leves modificaciones creo que se puede obviar)

En las FAQs hay un mensaje para que se ajuste el popup a las imágenes... te sugiero que te des una vueltecita.

Saludos

DragonX · #8 (**permalink**) 23/09/2006, 09:19

Ups! excelente.....gracias!!!!

ahora, la ultima y prometo no molestar mas......probe el script y anda perfectamente (Gracias Javier), ahor ami pregunta es, debo abrir un pop up sin barras de scroll, sin menu, que no se pueda "resaizar" y a la medida 594x457 estos parametro donde se lo pongo en el script??

Gracias de nuevo!!!!!

JavierB · #9 (**permalink**) 23/09/2006, 09:32

Rehola.

En las FAQs de JavaScript (creo que es la 100) lo tienes muy bien explicado.

Saludos,

DragonX · #10 (**permalink**) 23/09/2006, 10:09

oki doki mil gracias!!!