HOLA SI ALGUIEN ME PUEDE AYUDAR A HACER ESTO

jbt_chino · August 4, 2010

estoy realizando una pagina de venta de productos y necesito hacer que al momento de precionar una de las fotos de meustra de algun producto se valla a una geleria pero la galeria tiene que incluir estas cosas como aparece en esta imagen :

Imagen IPB

Uploaded with ImageShack.us

DESDE YA MUCHAS GRACIAS .....

Y DENUEVO MUCHAS GRACIAS .....

:banana: :sufre maraca sufre:

nazhox · August 4, 2010

y por que no te buscai un script ya hecho, hay varios para de ese tipo

jbt_chino · August 4, 2010

No los conosco si me podrías decir donde puedo encontrar uno o como buscarlos seria de gran ayuda. gracias...

mira encontre esta:http://www.webintenta.com/Files/uploads/2006/07/galeria.html

acá esta la pagina donde esta el código: http://www.webintenta.com/galeria-de-image...vascript-i.html

al parecer esta perfecta para colocarla en mi pagina por que yo le podria colocar los botones y la

descripción abajo pero tengo atado con colocar mis imágenes en el código no me resulta... no se como hacerlo si me puedes ayudar...

:paco: :paco: :paco:

Edited August 4, 2010 by jbt_chino

VITOCOMANGA · August 5, 2010

camarada vas a tener que hacerte urgente un curso de html, idealmente tendrias que trabajar con cualquier galeria ligthbox, por ejemplo u otra que te acomode, por ejemplo:

http://www.huddletogether.com/projects/lightbox2/

luego de eso puedes diagramar en dreamweaver directamente con tablas e ir insertando las imagenes con las etiquetas (no digo que lo hagas con divs por los estilos css):

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>

ej:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<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>

</head>

<body>
<table width="716" border="0" cellpadding="3" cellspacing="3">
  <tr>
    <td width="134" valign="middle"><table width="120" border="1">
      <tr>
        <td><div align="center"><a href="http://www.cvmotos.cl/images/cat%20cascos.gif" rel="lightbox[roadtrip]"><img src="http://www.cvmotos.cl/images/cat%20cascos.gif" width="120px" height="120px"/></a></div></td>
      </tr>
      <tr>
        <td><div align="center"><a href="http://www.cvmotos.cl/images/cat%20cascos.gif" rel="lightbox[roadtrip]"><img src="http://www.cvmotos.cl/images/cat%20cascos.gif" width="120px" height="120px"/></a></div></td>
      </tr>
      <tr>
        <td><div align="center"><a href="http://www.cvmotos.cl/images/cat%20cascos.gif" rel="lightbox[roadtrip]"><img src="http://www.cvmotos.cl/images/cat%20cascos.gif" width="120px" height="120px"/></a></div></td>
      </tr>

    </table></td>
    <td width="300" valign="top"><table width="300" border="1">
      <tr>
        <td colspan="3"><div align="center"><strong>Producto</strong></div></td>
        </tr>
      <tr>
        <td colspan="3"><div align="center"><div align="center"><a href="http://www.cvmotos.cl/images/cat%20cascos.gif" rel="lightbox[roadtrip]"><img src="http://www.cvmotos.cl/images/cat%20cascos.gif" width="350px" height="350
        px"/></a></div></div></td>
        </tr>
      <tr>
        <td><div align="center">Volver</div></td>
        <td><div align="center">Algo/Nada</div></td>
        <td><div align="center">Pagar</div></td>
      </tr>
    </table></td>
    <td width="252" valign="middle"><table width="250" border="1">
      <tr>
        <td><div align="center"><strong>Descripción Producto</strong></div></td>
      </tr>
      <tr>
        <td><div align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nunc purus,   accumsan quis dictum sit amet, dignissim id metus. Quisque luctus diam sit amet   ipsum pulvinar ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing   elit. Sed id sem sit amet neque tristique vehicula. </div></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

Lo importante es que en tu directorio raiz crees una carpeta js y css en ellas tienes que incluir las librerias necesarias para que funke la galeria :

prototype.js

scriptaculous.js

lightbox.js

lightbox.css

que las descargas de la pagina que ya te di.

Sign In

HOLA SI ALGUIEN ME PUEDE AYUDAR A HACER ESTO

Recommended Posts

jbt_chino

Link to comment

Share on other sites

nazhox

Link to comment

Share on other sites

jbt_chino

Link to comment

Share on other sites

VITOCOMANGA

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity