Hola graciuas por sus respuestas
este es el codigo html y php no
Código:
<?php
require_once 'gallery.php';
?>
<html>
<head>
<title>Tracker</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="STYLESHEET" type="text/css" href="estilo/estilohome.css">
</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="jcarousellite_1.0.1.pack.js"></script>
<script type="text/javascript" src="jqlib/funcion.js"></script>
<body>
<div class="contenedor">
<div class="encabezado"></div>
<div class="menu">
<table class="menuta" >
<tr>
<td>
<a href="home.php?fotos=fotos" >
Fotos
</a>
</td>
<td>
<a href="home.php?videos=videos">
Videos
</a>
</td>
</tr>
</table>
</div>
<div class="cuerpo">
<?php
if($_REQUEST['fotos']!='')
{
$_REQUEST['fotos']='';
?>
<div class="anyClass">
<ul>
<?php
$gale = new gallery();
$gale->loadFolder('gran');
//---Crear la galerÃ*a con los nombres de todos los archivos
$total = count($gale->files);
$cont = 0;
//---Situar los thumbnails
for($i = 0; $i < $total; $i++){
echo '<li><a href="'.$gale->path.'/'.$gale->files[$i].'"><img id="'.$gale->files[$i].'" border="4px" class="thumb" src="'.$gale->path.'/'.$gale->files[$i].'" /><a></li>';
}
?>
</ul>
<div class="cont">
<button class="prev"><<</button>
<button class="next">>></button>
</div>
<label><?php $total?></label>
</div>
<?php
}
if($_REQUEST['videos']!=''){
$_REQUEST['videos']='';
?>
<div class="video">
<object classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" width="350" height="350" standby="Cargando componentes de Windows Media..." id="mediaPlayer">
<param name="fileName" value="100303-105310_TM.AVI" />
<param name="animationatStart" value="true" />
<param name="transparentatStart" value="true" />
<param name="autoStart" value="true" />
<PARAM NAME="ShowStatusBar" VALUE="1">
<param name="showControls" value="true" />
<param name="loop" value="true" />
<embed src="100303-105310_TM.AVI" autostart="True" loop="True" type="application/x-mplayer2" pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" id="mediaPlayer" displaysize="4" autosize="-1" bgcolor="darkblue" showcontrols="True" showtracker="-1" showdisplay="0" showstatusbar="1" videoborder3d="-1" width="350" height="350" designtimesp="5311"> </embed>
</object>
</div>
<?php
}
?>
</div>
</div>
<script type="text/javascript">
$(function() {
$(".anyClass").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
scroll: 1,
speed: 0,
visible: 1
});
});
</script>
</body>
</html>
donde esta la parte del Request de fotos no sale esa parte ....
y este es el css
Código:
BODY {
background-color: white;
background-image: url("fondo.jpg");
background-repeat: no-repeat;
background-position: center;
}
.encabezado{
position: relative;
top:1;
left:200;
width:800px;
height:200px;
background-color: black;
background-image: url("TRACKER1.jpg");
border-color: black;
border-style: solid;
}
.menu{
position: relative;
top:1;
left:201;
width:804px;
height:21px;
background-color: threedlightshadow;
}
.cont{
position: relative;
left: 170px;
}
.cuerpo{
position: relative;
top:2;
left:598;
width:450px;
height:600px;
background-color: transparent;
}
/*
Galeria
*/
.galeria {
/* ancho, borde y un pequeño margen interno para la galería */
position:relative;
top:45px;
left: 40px;
width: 692px;
border: solid 1px #000;
border-color:menu;
padding: 9px;
}
#des{
position:relative;
top:-80px;
left:230px;
width:100px;
height:20px;
background-color: black;
}
.anyClass{
/* dimensiones para el area de las imágenes grandes */
position:relative;
top:10px;
left:530px;
width: 400px;
height: 400px;
/* asignamos una imagen predeterminada, de forma arbitraria */
background-image: url(../gran/carro1.jpg);
background-repeat: no-repeat;
}
.clear {
/* eliminamos el efecto del "float", así la galería expande */
clear:both;
}
saludos