Hola gente es mi primer post, la verdad que ya me rompi la cabeza para hacer funcionar el siguiente codigo pero no puedo:
Esta es mi funcion que esta en el directorio funciones.php:
Código PHP:
Ver originalfunction productos($cat)
{
$consulta=mysql_query("SELECT * FROM productos WHERE lugar='".$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
