09/05/2011, 12:35
|
| | | Fecha de Ingreso: febrero-2007 Ubicación: Caracas
Mensajes: 148
Antigüedad: 17 años, 10 meses Puntos: 6 | |
| Respuesta: Cargar Zoom dentro de Ventana emergente.
Cita:
Iniciado por Anna Carolina  Tengo lo siguiente, es que tengo el detalle de producto el cual tiene imagenes e imagen principal, la cual al hacer clic se abre una ventana (galeria) en JQUERY, donde necesito el efecto lupa adentro del recuadro o ventena emergente.
Aqui les muestro el Codigo Código HTML: <head>
aqui iria el Script de JAva
</head>
<?php
if($_GET[id]) {
$query = mysql_query("SELECT p.CodigoProducto, p.Descripcion, p.DescripcionInterna, p.Referencia, p.PrecioUnitario1, l.Descripcion as linea, p.CodigoLinea, p.CodigoFamilia, f.Descripcion as familia FROM vwProductosWeb p, Lineas l, FamiliaProductos f WHERE p.CodigoProducto='" . $_GET[id] . "' AND p.CodigoLinea=l.CodigoLinea AND p.CodigoFamilia=f.CodigoFamilia",$db);
$row = mysql_fetch_row($query);
$data_id = $row[0];
$data_titulo = $row[1];
$data_interna = $row[2];
$data_referencia = $row[3];
$data_precio = $row[4];
$data_linea = $row[5];
$data_codigolinea = $row[6];
$data_codigofamilia = $row[7];
$data_familia = $row[8];
$cual = array_search($data_codigofamilia, $data_categorias[id]);
$data_color = $data_categorias[color][$cual];
setlocale(LC_MONETARY, 'es_VE');
}
?>
<div class="cabeza" style="background-color: <?php echo $data_color; ?> !important"><a href="/proyectocrossh/catalogo.php?pag=catalogo&categoria=<?php echo $data_codigofamilia; ?>"><?php echo $data_familia; ?></a>: <a href="/proyectocrossh/catalogo.php?pag=catalogo&categoria=<?php echo $data_codigofamilia; ?>&linea=<?php echo $data_codigolinea; ?>"><?php echo $data_linea; ?></a></div>
<div class="detalle">
<table width='675' cellpadding='0' cellspacing='0'>
<tr valign='top'><td width='360' align='center'><?php
if(file_exists($_SERVER[DOCUMENT_ROOT] . "/proyectocrossh/img/productos/1-" . $data_id . ".jpg")) {
echo "<a href='/proyectocrossh/img/productos/1-" . $data_id . ".jpg' title='" . $data_titulo . "' class='cpModal' rel='galeria'><img src='/proyectocrossh/img/productos/1-" . $data_id . ".jpg' alt='" . $data_titulo . "' border='0' width='360' height='361' /></a>";
}
else
{
echo "<img src='/proyectocrossh/img/trans.gif' alt='" . $data_titulo . "' border='0' width='360' height='361' /></div>";
}
?></td><td><div class='descripcion'>
<h1><?php echo ucwords(strtolower($data_titulo)) ; ?></h1>
<h2>Nº Referencia: <?php echo $data_referencia; ?></h2>
<p><?php echo $data_interna; ?></p>
<h3>Precio:<?php /*?><?php echo money_format('%.2n', $data_precio);?><?php */?></h3>
</div>
<div class='galeria' style="text-align: center; padding: 10px 10px 10px 10px;" >
<?php
for($a=2; $a<=10; $a++) {
if(file_exists($_SERVER[DOCUMENT_ROOT] . "/proyectocrossh/img/productos/" . $a . "-" . $data_id . ".jpg")) {
if((!(file_exists($_SERVER[DOCUMENT_ROOT] . "/proyectocrossh/img/productos/t-" . $a . "-" . $data_id . ".jpg"))) OR (filemtime($_SERVER[DOCUMENT_ROOT] . "/proyectocrossh/img/productos/t-" . $a . "-" . $data_id . ".jpg")<($timestamp-18000))) {
@cropImage(100, 111,$_SERVER[DOCUMENT_ROOT] . "/proyectocrossh/img/productos/" . $a . "-" . $data_id . ".jpg", "jpg",$_SERVER[DOCUMENT_ROOT] . "/proyectocrossh/img/productos/t-" . $a . "-" . $data_id . ".jpg");
}
echo "<a href='/proyectocrossh/img/productos/" . $a . "-" . $data_id . ".jpg' title='" . $data_titulo . "' class='cpModal' rel='galeria'><img src='/proyectocrossh/img/productos/t-" . $a . "-" . $data_id . ".jpg' alt='" . $data_titulo . "' border='0' vspace='3' hspace='3' bgcolor='#FFFFFF' /></a>";
}
}
?>
</div>
<div><?php echo "<form name='votos' action='voto.php' method='POST'><input type='hidden' name='CodigoProducto' value='".$data_id."'><button name='MeGusta' type='submit' value='MeGusta'><img src='/proyectocrossh/img/megusta.jpg' width='20' height='20'/></button></form>";?>
</div>
</td></tr></table>
</div>
<?php
$queryproductos = mysql_query("SELECT * FROM vwProductosWeb WHERE CodigoProducto in (SELECT ProductoRelacionado from ProductosRelacionados WHERE CodigoProducto='" . $data_id . "')",$db);
unset($a);
if (mysql_num_rows($queryproductos)>0) {
echo "<div class=\"otras\">Otras opciones disponibles</div>
<table cellpadding=\"3\" cellspacing=\"0\" width=\"700\" class=\"catalogo_tabla\">";
while($row = mysql_fetch_array($queryproductos)) {
$a++;
if($a==1) {
echo "<tr valign='top'>";
}
if(file_exists($_SERVER[DOCUMENT_ROOT] . "/proyectocrossh/img/productos/1-" . $row[CodigoProducto] . ".jpg")) {
if((!(file_exists($_SERVER[DOCUMENT_ROOT] . "/proyectocrossh/img/productos/t-" . $row[CodigoProducto] . ".jpg"))) OR (filemtime($_SERVER[DOCUMENT_ROOT] . "/proyectocrossh/img/productos/t-" . $row[CodigoProducto] . ".jpg")<($timestamp-18000))) {
@cropImage(135, 150,$_SERVER[DOCUMENT_ROOT] . "/proyectocrossh/img/productos/1-" . $row[CodigoProducto] . ".jpg", "jpg",$_SERVER[DOCUMENT_ROOT] . "/proyectocrossh/img/productos/t-" . $row[CodigoProducto] . ".jpg");
}
$imagen = "/proyectocrossh/img/productos/t-" . $row[CodigoProducto] . ".jpg";
}
else
{
$imagen = "/proyectocrossh/img/trans.gif";
}
echo "<td width='280' align='left'><div class='catalogo_descripcion'><h1>" . ucwords(strtolower($row[Descripcion])) . "</h1><h2>COD " . $row[CodigoProducto] . "</h2><a href='/proyectocrossh/?pag=detalle&id=" . $row[CodigoProducto] . "'>Ver Detalle</a></div><a href='/proyectocrossh/?pag=detalle&id=" . $row[CodigoProducto] . "'><img src='" . $imagen . "' border='0' alt='" . $row[Descripcion] . "' /></a></td>\n";
if($a==3) {
unset($a);
echo "</tr>";
}
}
if($a!=3) {
for ($a=($a+1); $a<=3; $a++) {
echo "<td width='280' align='left'> </td>";
}
unset($a);
echo "</tr>";
}
echo "</table>";
}
?>
<div class="pie">Precios y disponibilidad están sujetos a cambios sin previo aviso, contáctenos directamente para verificar la existencia del producto deseado.</div>
|