Foros del Web » Programando para Internet » Javascript »

Agregar dinámicamente imágenes con slideshow2!

Estas en el tema de Agregar dinámicamente imágenes con slideshow2! en el foro de Javascript en Foros del Web. Hola, estoy intentado crear un slideshow para una de mis web, el código que utilizo está partiendo del código de un slideshow bastante completo que ...
  #1 (permalink)  
Antiguo 25/06/2010, 04:04
 
Fecha de Ingreso: diciembre-2009
Mensajes: 27
Antigüedad: 14 años, 3 meses
Puntos: 0
Agregar dinámicamente imágenes con slideshow2!

Hola, estoy intentado crear un slideshow para una de mis web, el código que utilizo está partiendo del código de un slideshow bastante completo que hace uso de la libreria mootools. El código es el siguiente:
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function(){
var data = {
'1.jpg': { caption: 'Volcano Asención in Ometepe, Nicaragua.' },
'2.jpg': { caption: 'A Ceibu tree.' },
'3.jpg': { caption: 'The view from Volcano Maderas.' },
'4.jpg': { caption: 'Beer and ice cream.' }
};
var myShow = new Slideshow('show', data, {controller: false, height: 150, hu: 'images/', thumbnails: true, width: 1024});
});
//]]>
</script>

El problema que tengo es que me gustaría poder usar las imágenes que tengo en un directorio llamado galería, pero no tener que especificarlas una a una, es decir, que use todas las que hay en el directorio. He hecho un bucle for para ir creando las líneas que muestro arriba en el script de esta manera:
var data = {
<?php
for($i = 0; $i<count($arrayphp); $i++){
echo 'data['. $i .'] = '.$arrayphp[$i].';\n';
}
?>

arrayphp contiene los nombres de los ficheros de imágenes.
Un saludo!!!
  #2 (permalink)  
Antiguo 25/06/2010, 06:34
 
Fecha de Ingreso: septiembre-2003
Mensajes: 65
Antigüedad: 20 años, 7 meses
Puntos: 1
Respuesta: Agregar dinámicamente imágenes con slideshow2!

var data = new Array();
var i=0;
var valor='';
<?php
for($i = 0; $i<count($arrayphp); $i++){
?>
i="<?php echo $i?>";
valor="<?php echo $arrayphp[$i]?>";
data[i] = valor;
<?php
}
?>
  #3 (permalink)  
Antiguo 25/06/2010, 08:39
 
Fecha de Ingreso: diciembre-2009
Mensajes: 27
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: Agregar dinámicamente imágenes con slideshow2!

La razón del post, es porque resulta uqe haciendo pruebas, deje el codigo usando su funcionalidad, pero cambiando las partes definidas fijas(los nombres de ficheros), por variables para que listara aquellas que hay en la carpeta images. Resulta que en firefox si funciona, pero la ultima línea, en explorer, falla, porque le sobra una coma. Os pongo el código como el original pero modificado:

var data = {
<?php
for($i = 0; $i<count($arrayphp); $i++){
echo "'". $arrayphp[$i] ."'{ caption: 'no_caption.' },";
}
?>
};
Si os fijáis, la coma ha de estar para ir separando los diferentes elementos, pero como se que he llegado al último y tengo que quitarla?. En firefox se lo traga y muestra el slideshow bien, pero en explorer no va, porque se detiene en tiempo de ejecucion en esa parte. He intentado esta forma ya que no tengo ni idea de como insertar los datos en el array(o objeto) de uno en uno, ya que así no tendría que preocuparme por la coma(ya que cada línea terminaria con su correspondiente punto y coma). Espero que me entendais y que alguien sepa como poder solucionar esto, ya que ni en la página del autor, ni en los docs del script hay nada aclaratorio al respecto.
Un saludo!

Etiquetas: slideshow
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:40.