Ver Mensaje Individual
  #5 (permalink)  
Antiguo 05/02/2010, 06:35
CAAB
 
Fecha de Ingreso: febrero-2010
Mensajes: 9
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Slideshow con enlaces. Ayuda para un neófito.

Hola de nuevo. Aquí sigo con mis problemas, a ver si me podeis ayudar. He encontrado el siguiente scrip prefabricado aquí:

[URL="http://smoothgallery.jondesign.net/getting-started/"]http://smoothgallery.jondesign.net/getting-started/[/URL]

(Bueno, ahi están las instrucciones, pero podeis ojear la página entera.) Se trata de una especie de galeria que según se configure se puede utilizar de slideshow con enlaces. Va con transiciones, con recuadritos para letras y unas cuantas pijaditas mas que me gustan bastante.

El caso es que llevo desde ayer intentando implementara (soy torpe en ésto) pero no lo logro. A lo mas que he logrado es que me aparezca una columna con las imágenes (en lugar de aparecer una a una y moverse)

¿Qué he de hacer exactamente con todo eso? Hay una sección donde se supone que descargas el script en un archivo .js y también te descarga archivos .css (hojas de estilos supongo) ¿Que he de hacer con ellos? Subirlos al direcctorio raiz de mi web? Lo he hecho pero nada. He de implementarlos de alguna manera. En las instrucciones no pone nada.

Luego, en la parte que os he enlazado, da instrucciones como para configurarlo, pero no sé donde va cada parte. ¿Cómo llamo a las hojas de estilos? El tío pone como un código que las llama, pero no se si lo hago bien, yo previamente las adjunto con el dreamweaver. (las hojas que previamente me he descargado)

En fín, que no sé por donde me da el aire, no estpy seguro si coloco bien cada parte del script en su sitio. Se que la primera parte va en el encabezamiento y otra parte dentro de la capa donde quiero que se vea el script. Pero no logro que funcione....
En fín, a ver si me podeis ayudar.


Mirad, aqui hay unas instrucciones en castellano. http://pixelco.us/blog/jondesigns-smoothgallery-20-galeria-de-imagenes-y-slideshow-con-excelentes-efectos/


Si hago exactamente lo que pone ahi (linkando mis imágenes y sus direcciones), obtengo dos imágenes, una encima de otra, y nada mas.



Así me queda el código. Es el script mondo y lirondo en una página en blanco, no en la web donde iria, pero para que os hagais una idea, imagino que vale, si no, decidme:


<!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=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>

* <script src="scripts/mootools.v1.11.js" type="text/javascript"></script>
* <script src="scripts/jd.gallery.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" />
<body>

* <div id="myGallery">
* <div class="imageElement">
* <h3>Enkadenados</h3>
* <p>Animales malviviendo</p>
* <a href="http://www.colectivoantitaurino.org" title="open image" class="open"></a>
* <img src="http://www.colectivoantitaurino.org/imagenes/Enkadenados.gif" class="full" />
* <img src="images/brugges2006/1-mini.jpg" class="thumbnail" />
* </div>
* <div class="imageElement">
* <h3>Festival Antitaurino y Animalista</h3>
* <p>Diviertete sin tortura</p>
* <a href="http://www.colectivoantitaurino.org" title="open image" class="open"></a>
* <img src="http://www.colectivoantitaurino.org/imagenes/FESTIVAL.gif" class="full" />
* <img src="images/brugges2006/2-mini.jpg" class="thumbnail" />
* </div>
* </div>

</body>
</html>





http://pixelco.us/blog/jondesigns-smoothgallery-20-galeria-de-imagenes-y-slideshow-con-excelentes-efectos/

Última edición por CAAB; 05/02/2010 a las 07:08 Razón: Añado mas info: