Ayuda con una Galería de Fotos que me he bajado

Zidek · #1 (**permalink**) 08/09/2009, 11:03

Hola, mi idea es pasar las indicaciones de:
http://smoothgallery.jondesign.net/getting-started/ donde te indican como colocar una galeria de fotos en tu web,
a mi pagina en blanco de FrontPage donde quiero poner la galería de fotos.

Me bajo el .zip y meto la carpeta descomprimida en la raiz de mi web como indica y directamente al poner la primera linea en <head> que dice:
"Just insert those lines of code in the header of your html files:

1. Include those lines in your header:
<script src="scripts/mootools.v1.11.js" type="text/javascript"></script>
<script src="scripts/jd.gallery.js" type="text/javascript"></script> "

obtengo un error en tiempo de ejecucion que me pide si quiero depurarlo.
El primer archivo no se corresponde con el que contiene la carpeta scripts, lo he cambiado pero tpco funciona por ponerlo bien.

A ver alguien que por curiosidad se anima a probar a meter en una web en blanco esta galeria y si me puede ayudar a seguir.

Gracias

jomaruro · #2 (**permalink**) 08/09/2009, 16:28

Hola:

Si lo tienes puesto así, tu código está bien:

Código:

<head>
<title>Mi web</title>

<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" />
</head

Y si las carpetas de tu web están así, debería funcionar:

directorio raiz
directorio raiz/scripts
directorio raiz/css

* dentro de directorio raiz/scripts los archivos mootools.v1.11.js y jd.gallery.js
* dentro de directorio raiz/css el archivo jd.gallery.css

Saludos.

Zidek · #3 (**permalink**) 09/09/2009, 03:22

Lo cierto es que asi lo tengo pero el error de que si lo quiero depurar sigue saliendo.
Como comento en el mensaje original, el moottooolsv1.1 hay que cambiarlo por el que viene en la carpeta, que debe ser una version mas original, y aun asi sigue sin funcionarme.

a ver si alguien se anima a probarlo en una pagina en blanco en frontPage y me dice el porqué sucede eso.

Grracias de nuevo

mayid · #4 (**permalink**) 09/09/2009, 08:45

EL que uses FrontPage es una anecdota, porque las pruebas se hacen en el navegador.

El orden de las llamadas, dicho sea al pasar, es:
primero css (<link rel="stylesheet" etc>)
luego js. (<script ta ta ta>)

Una vez incluidas las librerias, vienen las implementaciones, que tu no estas posteando:

<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: false
});
}
window.addEvent('domready', startGallery);
</script>

Marco esto porque a veces son las llamadas las que generar un problema, y no las librerias. Para hacer la prueba, borra las llamadas, y deja solo las librerias para ver que no fallan por si mismas. (por llamas me refiero a: var myGallery = new gallery($('myGallery') )

jomaruro · #5 (**permalink**) 09/09/2009, 15:34

Hola:

Cita:

Iniciado por mayid

Una vez incluidas las librerias, vienen las implementaciones, que tu no estas posteando:

Cierto, no me había dado cuenta de eso

Saludos.

Zidek · #6 (**permalink**) 09/09/2009, 18:29

Me he bajado la version antigua de los scripts, pero el resultado no es el que me esperaba, y no sé si es porque lo estoy haciendo mal, pero me salen 4 fotos con sus miniaturas al lado, pero para nada una galeria que transiciona entre foto y foto como la d ela muestra...simplemente salen 4 fotos con sus miniaturas sobre un fondo blanco, mas bien parecido a una tabla con fotos que a una galeria de fotos

Alguien me puede ayudar al respecto, ó creeis que esto es lo que hay.
Es que yo poco mas que entender html con algun javascript...estas cosas no entiendo ni papa

Gracias

EDITO:

Solucionado: Para el que quiera una galeria de fotos chula:

http://www.dzinerstudio.com/index.php?topic=146.0

Pegar lo primero en head y el resto en body y va de lujo

mayid · #7 (**permalink**) 09/09/2009, 19:23

Algo esta funcionando. Al menos se genera un espacio de miniaturas.

Estas seguro de que aparte de mootools no estas usando ninguna otra libreria?

Publica por favor toda la seccion en donde incluyes las librerias js.

Y asegurate de estar declarando el css, porque esto me suena a que la plantilla css no esta cargando. Me refiero a :
<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" /

Zidek · #8 (**permalink**) 10/09/2009, 17:14

Te pongo todo:

Código PHP:

  <html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 1</title>
<script src="SmoothGallery/scripts/mootools.v1.11.js" type="text/javascript"></script>
<script src="SmoothGallery/scripts/jd.gallery.js" type="text/javascript"></script>
<link rel="stylesheet" href="SmoothGallery/css/jd.gallery.css" type="text/css" media="screen" />
</head>
<body bgcolor=#000000>

<script type="text/javascript">
function startGallery() {
timed: true
});
}
window.addEvent('domready', startGallery);
</script>

<div id="myGallery" align="center">
<div class="imageElement">
<h3>Item 1 Title</h3>
<p>Item 1 Description</p>
<img src="SmoothGallery/images/brugges2006/1.jpg" class="full" />
<img src="SmoothGallery/images/brugges2006/1-mini.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Item 2 Title</h3>
<p>Item 2 Description</p>
<img src="SmoothGallery/images/brugges2006/2.jpg" class="full" />
<img src="SmoothGallery/images/brugges2006/2-mini.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Item 3 Title</h3>
<p>Item 3 Description</p>
<img src="SmoothGallery/images/brugges2006/3.jpg" class="full" />
<img src="SmoothGallery/images/brugges2006/3-mini.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Item 4 Title</h3>
<p>Item 4 Description</p>
<img src="SmoothGallery/images/brugges2006/4.jpg" class="full" />
<img src="SmoothGallery/images/brugges2006/4-mini.jpg" class="thumbnail" />
</div>
</div>

</body>

</html>

y las carpetas:

WEB FOLDER (con las paginas que tengo creadas .htm,images,private,ya sabes)→SmoothGallery(carpeta)→css,images,scripts

donde:

css:img(carpeta),jd.gallery.css,layout.css,ReMooz. css
images:bruegges2006,..............etc
scripts:jd.gallery.js,mootools.v1.11.js,jd.gallery .transitions.js,.....etc (tengo unos cuantos mas pero no los usa en el codigo)

Me va como en la demo de la pagina, perfectamente. Si quieres que te ponga algo específico me dices

Zidek · #9 (**permalink**) 10/09/2009, 17:19

Ya me dirás