Esta es mi funcion que esta en el directorio funciones.php:
Código PHP:
Ver original
function productos($cat) { { $idPro=$filas['id_productos']; $lugar=$filas['lugar']; $nombre=$filas['nombre']; $destacado=$filas['destacado']; $des=$filas['descripcion_mediana']; $imagen=$filas['imagen_chica']; $imagenGrande['imagen_grande']; echo' <div id="contenedor-productos"> <div id="imagen-productos"> <img src="images/productos/chica/'.$imagen.'" width="138" height="122" border="0" /> </div> <div id="nombre-productos"> <font>'.$nombre.'</font> </div> <div id="descripcion-mediana"> <font>'.$des.'</font> </div> <div id="contenedor-soli-ver"> <div id="solicitar-productos"> <a href="">Solicitar presupuesto<a/> </div> <div id="productos-ver-mas"> <div id="barra-gris-ver-productos"></div> <div id="boton-ver-mas-productos"> <a href="producto.php?idProducto='.$idPro.'"><img src="images/boton-ver-mas.png" width="85" height="27" border="0"/></a> </div> </div> </div> </div>'; } }
Y dicha funcion la llamo en el directorio productos.php:
Código PHP:
Ver original
<?php include "funciones.php"; <head> <javascript> $(document).ready(function(){ $('#solicitar-productos').click(function(){ $('body,html').animate({scrollTop: 0}, 800); $('body,html').css("width", "100%"); $('body,html').css("height", "100%"); $('#contenedor-libox').fadeIn(); $("html,body").css("overflow", "hidden"); return false; }); $('#contenedor-libox, #boton-cerrar-contacto').click(function(){ $('#contenedor-libox').fadeOut(); $("html,body").css("overflow", "auto"); $('body,html').css("width", ""); $('body,html').css("height", ""); }); }); </javascript> </head> <body> $cat="video-ip"; <div id="contenedor-todos-productos">'; productos($cat); echo' </div> <div id="contenedor-libox"> <div id="contenedor-frame"></div> <div id="boton-cerrar-contacto"></div> <iframe id="frame" width="690" height="440" src="solicitar-presupuesto.php?producto='.$nombre.'$imagen='.$imagenGrandeMostrar.'" scrolling="no" frameborder="0"></iframe> </div> </body> ?>
El #contenedor-libox , es un lighthing box en jquery que contiene un iframe. En este iframe necesito enviarle mediante variable GET la $imagenGrandeMostrar.
Pero con esto "<iframe id="frame" width="690" height="440" src="solicitar-presupuesto.php?producto='.$nombre.'$imagen='.$ima genGrandeMostrar.'" scrolling="no" frameborder="0"></iframe>" solo envia el resultado del ultimo producto de la lista.
La pregunta es, ¿como puedo hacer para que al hacer click en el boton #solicitar-productos se ejecute el lighting box con la imagen en grande del producto?, porque por el momento solo se despliega el lighthing box al hacer click en cualquier boton #solicitar-producto de cada producto de la lista pero aparece la imagen del ultimo producto.
Espero que me ayuden.
Saludos, para guiarse mejor vean esta url donde tengo ese fallo http://www.onext.com.ar/productos.php?categoria=Interiores