¿Cómo crear barra de desplazamiento en dreamweaver?
Estoy creando una página web, una galería de fotos, tengo una tabla en donde puse en un lado las imágenes en chico y del otro lado en grande para que cuando el cursor pase por la imagen pequeña la visualimos en grande. Mi pregunta es como pongo una barra de desplazamiento en el lado de las imágenes pequeñas para solo bajar esa parte y que no se mueva la imagen grande al bajar toda la página
Respuesta de everaldo19
1
Tu caso es similar a otro que me llego. Es una idea muy creativa la que tienes, pero te sugiero que utilices una herramienta útil y versátil para mostrar tu galería de imágenes.
Acá la solución:
http://www.huddletogether.com/projects/lightbox2/
Sigue las indicaciones y si tienes alguna duda, me escribes.
1. Descarga el archivo Lightbox V2.5 que esta en el enlace anterior y descomprímelo en tu carpeta Web, vale aclarar que el archivo contiene las carpetas: css, js, images(en esta ultima carpeta coloca tus imágenes chicas y grandes) que serán útiles para que surta el efecto.
2. Configuracion: en la pagina donde deseas hacer la galeria de imagenes, vaya al codigo fuente y entre <head></head> copia y pegua el codigo: <script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
3. Incluir el estilo a la galeria: copia y pega <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
4. El código de ejemplo para tus imágenes: copia y pega el siguiente código en el lugar donde deseas que aparezca(seria donde están las imágenes chicas):
<a href="images/nombreimagen.jpg" rel="lightbox[plants]" title="Escribe aqui la descripcion de la imagen."><img src="images/imagenminiatura.jpg" width="100" height="40" alt="Escribe la descripción" /></a>
Lo resaltado es obvio decirlo, que tienes que poner el nombre de tus imágenes y la descripción. Puedes copiar el mismo código cuantas imágenes quieras y recuerda de solo cambiar el nombre y la descripción.
Lo importante aquí es estar familiarizado con el código fuente o HTML.
Cualquier duda, me escribes
Acá la solución:
http://www.huddletogether.com/projects/lightbox2/
Sigue las indicaciones y si tienes alguna duda, me escribes.
1. Descarga el archivo Lightbox V2.5 que esta en el enlace anterior y descomprímelo en tu carpeta Web, vale aclarar que el archivo contiene las carpetas: css, js, images(en esta ultima carpeta coloca tus imágenes chicas y grandes) que serán útiles para que surta el efecto.
2. Configuracion: en la pagina donde deseas hacer la galeria de imagenes, vaya al codigo fuente y entre <head></head> copia y pegua el codigo: <script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
3. Incluir el estilo a la galeria: copia y pega <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
4. El código de ejemplo para tus imágenes: copia y pega el siguiente código en el lugar donde deseas que aparezca(seria donde están las imágenes chicas):
<a href="images/nombreimagen.jpg" rel="lightbox[plants]" title="Escribe aqui la descripcion de la imagen."><img src="images/imagenminiatura.jpg" width="100" height="40" alt="Escribe la descripción" /></a>
Lo resaltado es obvio decirlo, que tienes que poner el nombre de tus imágenes y la descripción. Puedes copiar el mismo código cuantas imágenes quieras y recuerda de solo cambiar el nombre y la descripción.
Lo importante aquí es estar familiarizado con el código fuente o HTML.
Cualquier duda, me escribes
