muy buenas!
lo quiero probar pero claro yo en el body tengo un monton de informacion. Te escribo aqui una de las páginas a ver donde lo pondrias todo esto.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MedBen-Arquitectura / Proyectos</title>
<link rel="stylesheet" href="../comun/estilos/estilo-general.css" type="text/css" media="all">
<SCRIPT>
// Array de los meses
var monthNames = new makeArray(12);
monthNames[0] = "Enero";
monthNames[1] = "Febrero";
monthNames[2] = "Marzo";
monthNames[3] = "Abril";
monthNames[4] = "Mayo";
monthNames[5] = "Junio";
monthNames[6] = "Julio";
monthNames[7] = "Agosto";
monthNames[8] = "Septiembre";
monthNames[9] = "Octubre";
monthNames[10] = "Noviembre";
monthNames[11] = "Diciembre";
// Array de los días
var dayNames = new makeArray(7);
dayNames[0] = "Domingo";
dayNames[1] = "Lunes";
dayNames[2] = "Martes";
dayNames[3] = "Miércoles";
dayNames[4] = "Jueves";
dayNames[5] = "Viernes";
dayNames[6] = "Sábado";
var now = new Date();
var year = now.getYear();
if (year < 2000) year = year + 1900;
function makeArray(len)
{
for (var i = 0; i < len; i++) this = null;
this.length = len;
}
</SCRIPT>
</head>
<body>
<div id="global">
<div id="banner">
<div id="textobanner">
<p class="Estilo1">MedBen-Arquitectura</p>
Web oficial del arquitecto Xavier Medina Benhamú</p>
</div>
</div>
<div id="data">
<div id="fecha">
<script language="JavaScript">
<!--
document.write( dayNames[now.getDay()] + " " + now.getDate() + " de " + monthNames[now.getMonth()] + " " +" de " + year);
// -->
</script>
</div>
</div>
<div id="cuerpo">
<div id="contenido">
<p class="titulocontenido">PROYECTO: Escuela agropecuaria y casa de colonias en Gallecs, Mollet del Vallés.</p>
<p class="contenido">Fuera de las trazas urbanas que definen la ciudad de Mollet, se plantea la creación de una escuela agropecuaria que pueda nutrirse del entorno natural en el cual se encuentra.</p>
<p class="contenido">La propuesta se basa en crear un edificio "orgánico": como si se tratara de un organismo pluricelular, se va formado a través de la unión de diferentes partes mediante un elemento vertebrador que da acceso a las mismas.</p>
<p class="contenido">El sistema constructivo pretende unir materiales "naturales" y "artificiales". Unos pórticos de madera laminada forman la retícula del edicifio, cubierto por un gran manto de cobre en pátina, que le otorga un color muy carácteristico al conjunto e intentando integrarse lo máximo possible con el entorno que lo rodea.</p>
<div id="tabla">
<script language="JavaScript1.2">
//Especifica el ancho del slider (en pixels)
var sliderwidth=620
//Especifica el alto del slider
var sliderheight=214
//Especifica la velocidad del slide (entre 1-10)
var slidespeed=2
//Configura el color de fondo:
slidebgcolor="#EAEAEA"
//Especifica las imágenes del slider
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='[contenido no disponible]'
leftrightslide[1]='[contenido no disponible]'
leftrightslide[2]='[contenido no disponible]'
leftrightslide[3]='[contenido no disponible]'
leftrightslide[4]='[contenido no disponible]'
////a partir de aqui no modificar nada////////////
var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+20
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+20
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+30
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+30
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+30
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+30
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0;top:0"></div>')
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
</div>
</div>
<div id="menulat_general">
<p class="menulat">PERFIL</p>
<div id="menulat_perfil">
<ul>
Noticias
Currículum
Contacto
</div>
<p class="menulat">PROYECTOS</p>
<div id="menulat_proyectos">
<ul>
Geriátrico en el barrio del Raval, Barcelona
Viviendas para jóvenes en Poblenou, Barcelona
Hotel en la Rambla del Raval, Barcelona
Escuela agropecuaria y casa de colonias en Gallecs, Mollet del Vallés
Centro para mujeres maltratadas en la Rambla del Raval, Barcelona
Centro de Investigación en la central térmica "les 3 xemeneies", Sant Adrià del Besós
Llegada TAV-Nuevo centro en el Prat de Llobregat
Linea Ferrocarril Valles Oriental - Estacion en La Llagosta, Vallés Oriental
Maqueta: First Unitarian Church. Louis Kahn
</div>
</div>
</div>
<div id="publi">
publicidad tipo Ad-sense o similar</p>
</div>
<div id="pie">
<div id="pie1">
<p class="Pie">Disseño web: Xavier Medina / Versión 1.0</p>
</div>
<div id="pie2">
<p class="Pie">XAVIER MEDINA BENHAMÚ - Tel: 687.324.279 / e-mail: [correo eliminado]</p>
</div>
</div>
</div>
</body>
</html>
ya veras que hay un script para ver imágenes pero no me gusta nada como queda. A ver que te parece.
gracias de antemano!
por cierto, a ver si en el efecto que encontremos pueda clicar sobre la imagen para que luego se abra mas grande en una pantalla nueva (en blanco)
