HOLA A TODOS!ESTOY CREANDO UNA PAGINA WEB Y NECESITO VUESTRA AYUDA!!!!
QUIERO HACER UNA ESPECIE DE GALERIA DE IMAGENES EN LAS QUE LAS FOTOS PEQUEÑAS ESTEN ABAJO Y SEGUN LAS VAYAS PINCHANDO APAREZCAN ARRIBA EN TAMAÑO GRANDE .
ALGO PARECIDO A LA PAGINA WWW.ESTUDIO44.ES/COCINAS/MOBILIARIO/ACCESORIOS
NO SE SI ES UNA GALERIA DE IMAGENES, PORQUE EN EL CODIGO FUENTE ME APARECE COMO UNA ESPECIE DE LISTA .
POR VAFOR DECIDME QUE ES LO QUE ES Y COMO SE HACE!!!!
UN SALUDO Y MUCHAS GRACIAS POR LA AYUDA Y FELICIDADES POR LA PAGINA
Hola, yo estoy intentando hacer lo mismo, y lo tengo casi listo. Te explico como lo he hecho:
No se como tendrás tu página, pero en la mía hay un menú lateral que tiene links a distintas paginas del web y en el centro es donde he puesto las fotos en miniatura. Para ello, dentro de la capa "contenido", he creado un menu de tipo <ul> y
donde los elementos de la son las imagenes, y en la misma linea indico, a su vez, que son un enlace a las imagenes grandes. Lo puedes ver en www.sindromedediogenes.tk y mirar si eso es lo que quieres. Lo que pasa es que yo sigo teniendo el problema de que en mi disco local, cuando compruebo la pagina con el HTML-KIT, todo va bien, pero cuando lo hago directamente en internet, el enlace no funciona. La presentación bien, pero el enlace no va. Todavia estoy intentando averigua el porque. Te dejo, de todas formas, los tramos de la hoja de estilos y de la del codigo para que puedas ver como lo hice. Creo que esta bien.
<div id="menu">
<ul>HISTORIAFOTOSMÚSICAVIDEOSCONCIERTOSCONTACTOWEBS AMIGAS
</div>
Este de arriba es el div del menu lateral, y el de abajo es el del "menu" central donde estan las miniaturas con el link a las fotos grandes.
Te lo aclaro porque ambos están dentro de la capa "contenido" de la hoja de codigo.
<div id="fotos">
<ul>
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
</div>
#menu {background-color: black; width: 150px ; float:left ; text-align:left ; margin:10px 10px 600px 0px ; padding: 10px 0px 10px 2px}
#menu li {list-style:none ; margin: 4px 0px 4px 0px ; border: 1px solid red}
#fotos {background-color: none ; width: 620px ; float: right ; text align: left ; margin: 5px 5px 5px 5px}
#fotos li{list-style: none ; float: left ; margin: 3px 3px 3px 3px ; border: 1px solid red}
Y esto es lo que he puesto en la hoja de estilos. He creado un div para el menu lateral y otro para el "menu" central.
Si te sirve, me alegro, pero yo soy nuevo en esto, sabes? No obstante, si ves tú algun fallo en mis codigos, te agradezco que me lo digas, jaja.
hola, en eso habia pensado yo, pero queria ahorrarme el crear más paginas web porque yo quiero que se vean con el mismo estilo de pagina web y no en una especie de ventana nueva.de todas formas mil gracias por responder.
por otro lado he visitado tu pagina web la seccion de fotos y va estupendamente, se ven las fotos en grande y en pequeño. yo utilizo el explorer.
además tus codigos parecen correctos. de todas formas si el link no funciona suele ser o que se te ha pirado una letra en los nombres de carpeta o archivo o que a la ruta esta mal.lo digo por experiencia :) .
un saludo y gracias
bovedillalo que ves en esa web es una web en flash, puede aprender flash, o puedes mirar si encuentras algun script para ver imagenes, que seguro que hay :wink: