Foros del Web - Ver Mensaje Individual

hoberwilly · #23 (**permalink**) 16/04/2009, 15:40

Hola amigos, este es mi index:

Código php:

Ver original<?php
session_start();
include("conec.php");
$link=conectarse();
$pagina = "";
if(isset($_GET['p'])){
    $pagina = $_GET['p'];
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="tienda virtual de calzado damas caballeros niños niñas" />
<meta name="description" content="Tienda Virtual de Venta de Calzados" />
<title>:: Tiendas Nando :: Tienda Virtual de Venta de Calzados</title>
<link href="css/catalogo.css" rel="stylesheet" type="text/css">
<link href="css/lightbox.css" rel="stylesheet" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<script src="js/catalogo.js" type="text/javascript"></script>
</head>
<body>
<?php include("top.php"); ?>
<table>
<tr>
 <td><?php include("menuIzquierdo.php"); ?></td>
 <td></td>
 <td>
 <?php
    if($pagina==1){
        include("pagina1.php");
    }elseif($pagina==2){
        include("pagina2.php");
    }else{
        include("#.php");
    }
 ?>
 </td>
</tr>
</table>
<br>
<hr shade>
<?php include("pie.php"); ?>
</body>
</html>
<?php mysql_close($link); ?>

Dentro de una hoja del include (ojo que ya esta solucionado los temas dtd, repeticiones, etc) llamo el lb:

Código php:

Ver original<?php echo "<a href=\"verLightbox.php?cod=".$row['id']."\" rel=\"lightbox\" title=\"".$desc."\">Ampliar Imagen</a>"; ?>

///ahh un dato el campo de la descripcion del producto es un textarea////
Este el codigo verLb.php

Código php:

Ver original<?php 
if(isset($_GET['cod']))
{ 
  include('conec.php');
  $link=conectarse();
  $sql = "SELECT foto FROM tabla WHERE id='".$_GET['cod']."'"; 
  $consulta = mysql_query($sql,$link); 
  $imagen = mysql_result($consulta,0,"foto"); 
  Header ("Content-type: image/jpeg"); 
  $img = imagecreatefromstring($imagen); 
  $picsize = 500; 
  $new_w = imagesx($img); 
  $new_h = imagesy($img); 
  $aspect_ratio = $new_h / $new_w; 
  $new_w = $picsize; 
  $new_h = abs($new_w * $aspect_ratio); 
  $dst_img = ImageCreateTrueColor($new_w,$new_h);
  imagecopyresampled($dst_img,$img,0,0,0,0,$new_w,$new_h,imagesx($img),imagesy($img)); 
  imagejpeg($dst_img,'',100);
  imagedestroy($imagen);
} 
?>

Este es el css lb:

Código php:

Ver original#lightbox{  
    position: absolute; 
    left: 0; 
    width: 100&#37;; 
    z-index: 100; 
    text-align: center; 
    line-height: 0;
}
#lightbox img{ 
    width: auto; 
    height: auto;
}
#lightbox a img{ 
    border: none; 
}
 
#outerImageContainer{ 
    position: relative; 
    background-color: #fff; 
    width: 250px; 
    height: 250px; 
    margin: 0 auto; 
}
#imageContainer{ 
    padding: 10px; 
} /*margen de la imagen*/
 
#loading{ 
    position: absolute; 
    top: 40%; 
    left: 0%; 
    height: 25%; 
    width: 100%; 
    text-align: center; 
    line-height: 0; 
}
#hoverNav{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    z-index: 10; 
}
#imageContainer>#hoverNav{ 
    left: 0;
}
#hoverNav a{ 
    outline: none;
}
 
#prevLink, #nextLink{ 
    width: 49%; 
    height: 100%; 
    background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
    display: block; 
}
#prevLink { 
    left: 0; 
    float: left;
}
#nextLink { 
    right: 0; 
    float: right;
}
#prevLink:hover, #prevLink:visited:hover { 
    background: url(../images/prevlabel.gif) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover { 
    background: url(../images/nextlabel.gif) right 15% no-repeat; 
}
 
#imageDataContainer{ 
    font: 10px Verdana, Helvetica, sans-serif; 
    background-color: #fff; 
    margin: 0 auto; 
    line-height: 1.4em; 
    overflow: auto; 
    width: 100% ; 
}
 
#imageData{ 
    padding:0 10px; 
    color: #666; 
}
#imageData #imageDetails{ 
    width: 70%; 
    float: left; 
    text-align: left; 
}   
#imageData #caption{ 
    font-weight: bold;  
}
#imageData #numberDisplay{ 
    display: block; 
    clear: left; 
    padding-bottom: 1.0em;  
}           
#imageData #bottomNavClose{ 
    width: 66px; 
    float: right;  
    padding-bottom: 0.7em; 
    outline: none;
}       
 
#overlay{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 90; 
    width: 100%; 
    height: 500px; 
    background-color: #000; 
}

Se probo con y sin las lineas del 9 al 12...y sigue con estos scroll en la parte inferior del EFECTO LIGHTBOX???
Que debo hacer???

Gracias de antemano,