Enlace permanente
TIC »
Diaporamas flash (I , II , III , IV y V) + addenda
Lourdes Domenech, miembro de este Tinglado, me ha planteado por medio de un correo la posibilidad de explicar la manera en que funciona el Diaporma flash que incrusté en un artículo de Alejandro a propósito de un fotoblog de José Mª Glz Serna sobre la Semana Santa de Sevilla. Dew posee dos diaporamas: este que presento aquí (el más antiguo) y una nueva versión con archivo XML, más versátil pero que me gusta menos. Todos ellos se pueden utilizar de la misma forma que su famoso reproductor mp3. Así que, para empezar, ahí van las cinco opciones (+ Addenda) en las que he trabajado sobre este asunto de los diaporamas flash:
1.Diaporama Dew (versión 1).
Me permito incluir, a modo de ejemplo, una serie de fotos personales de Bretaña. Este primer diaporama de Dew es muy sencillo. A.Código y animación: Se trata de descargar el archivo swf: dewslider de 28Ko pulsando sobre el enlace con el botón derecho y guardarlo en nuestro archivo del Tinglado, por ejemplo. El código simplificado (sin los parámetros que se comentan más adelante) que hay que añadir es este:
Naturalmente habrá que indicar la ruta en la que hemos colocado nuestro reproductor dewslider.sfw en "data=" y en "value=". Por otra parte, será necesario indicarle la ruta de cada una de nuestras imágenes en "img=" (¡dos veces!). Cuidado al copiar y pegar pues cualquier error en las rutas o el código producirá errores en la presentación como me ocurrió a mí el otro día (el diaporama se veía en Firefox y Opera pero no en IE). Si tenéis alguna duda, editad este artículo y comprobad cómo he insertado el diaporama en el mismo. B.Parámetros: También se pueden "parametar" otras variables como la automatización en la transición de diapositivas, la posibiliadad de pantalla completa o la presencia o no de los botones:
bg=off(on por defecto) : no muestra el fondobuttons=off(on por defecto) : no muestra los botones siguiente/previa.auto=X(off por defecto) : pasa automáticamente a la imagen siguiente cada X segundos.fullscreen=on(off por defecto) : muestra la imagen al máximo del tamaño del objeto y, por tanto, no hay cuadro ni textos. El código , con estas variables, quedaría así:
Por José Mª Campo en TIC el 21.04.06 con 21 comentarios
diaporama,
flash
Los comentarios están cerrados.
21 comentarios
[1] Por Lourdes Domenech el 21.04.06/23:23 
Responder
Gracias por este regalo, de mi parte y de la de otros compañeros a los que he empujado a asomarse a este blog. ¡La de cosas que estamos aprendiendo!
Prometo hacer los deberes del Tinglado, ¿o debería decir TICglado?
[2] Por Lourdes Barroso el 22.04.06/00:33 Responder
Gracias, tambien de mi parte, tendré que buscar un hueco para practicar, se me acumula la teoría.
[3] Por Alejandro Valero el 22.04.06/16:11 Responder
Si a alguien le interesa ver cómo queda uno de mis diaporamas, a los que se refiere José María, que vea esta actividad.
Estos diaporamas son muy sencillos de hacer. En estos diaporamas que he hecho no he incluido fotografías sino las diapositivas típicas de los programas de presentaciones, aquí un repaso de inglés.
[4] Por Isidro Vidal el 24.04.06/09:19 Responder
Hola
Mario Antonio Nuñez , en su blog DigiZen, comentaba en un artículo la posibilidad de pasar presentaciones PowerPoint a swf con el programa FlashSpring Lite
Me parece que es un sistema parecido al de dew. Yo he hecho una prueba en el blog de aula: Cuaderno de Música - 1º1. Está realizado con la posibilidad del editor de texto de Blogia de insertar películas flash. Para pasar las diapositivas hay que ir pinchando en el ratón, hay otra versión más potente que tiene más posibilidades. Esta es gratuita.
Álvaro Gregori Amplía este artículo con otros conversores y con otra versión de pago de FlasSpring Lite más potente.
[5] Por José Mª Campo el 24.04.06/09:29 Responder
isidro,
Creo que estos conversores son una herramienta interesante pero presentan la pequeña "pega" de tener que añadir un progrma más a PorwerPoint. ¿Para qué tener que añadir un programa si OpenOffice hace lo mismo directamente en Impress y además es gratuito? Estoy seguro de que Alejandro estará de acuerdo conmigo 
[6] Por Isidro Vidal el 24.04.06/17:00 Responder
Estás en lo cierto Jose Mª.
Pero estoy en un centro donde todo el software que se utiliza es Microsoft Office, pagado por el Gobierno Vasco y todo legal, con instrucciones sobre qué programas debe haber en el servidor del centro.En fin, este es el dilema.
En casa he trasteado con OpenOffice pero siempre vuelvo. Creo que es algún tipo de condicionamiento canino.
Saludos 
[7] Por Alejandro Valero el 25.04.06/00:04 Responder
No sólo estoy de acuerdo contigo, José María, sino que estoy viendo últimamente una predisposición tuya hacia el software libre. De ahí a instalarte Linux va sólo un paso...
isidro, nadie te impide que instales OpenOffice en tu instituto. Seguro que a tus alumnos les gustará, y así podrán instalárselo en su casa sin tener que piratear.
[9] Por estudiaenologia el 03.05.06/18:58 Responder
Gracias por estos aportes fenomenales. Y ahí va una pregunta: con la opción de flickr, ¿se podría crear para compartir un diaporama con sólo unas fotos determinadas (por ejemplo las de un set)?? Ahora mismo se puede en la pagina de flickr, pero ¿hay posibilidad de insertarlo en nuestras webs como tu ejemplo? Es que hay fotos determinadas que no te interesan que salgan en la presentación, pues no tienen nada que ver con la mencionada presentación que quieres crear.
[10] Por José Mª Campo el 03.05.06/22:50 Responder
estudiaenologia,
Efectivamente se puede hacer que sólo se vean las fotos de un set (album) concreto. Para ello hay que añadir al código anterior lo siguiente (en rojo):
user_id=user_id=XXXXXXXX@NXXO&set_id=000000 en donde los 000000 corresponden al número de nuestro set. Se puede saber el número del set pulsando, dentro de flickr, la opción "View as slideshow" y copiar en la dirección web el número que está tras /sets/.
Es todo. Espero que sirva de ayuda...
[11] Por José el 04.05.06/10:17 Responder
Gracias José Mª, eres un pozo de sabiduría. Muchas gracias por compartir tu trabajo es una excelente recopilación.
[12] Por Leonor Quintana el 05.05.06/00:27 Responder
Mi más sincera felicitación y agradecimiento por tu excelente tutorial sobre los diaporamas.
Habrá que ir experimentando poco a poco...
Enhorabuena!!!
[12.1] Por Claudio el 21.08.06/14:48
Estimados: Tengo que confeccionar un diaporama en un ramo de psicologias aplicada a los RRHH en un Magister que estoy realizando. Les agredeceria mucho si me ayudan con un tutorial o guia para realizar los diaporamas, ya que no se como se hacen. Gracias
[13] Por PLSEGOVIA el 15.07.06/19:00 Responder
Gracias José Mª,
Muchas gracias por compartir tu trabajo y permitirnos disponer de tus conocimientos. Siempre son bienvenidas (en el sentido más práctico) tus aportaciones.
Un saludo y muchas gracias.
[14] Por Raul LORENZO el 08.08.06/16:47 Responder
Gracias desde Argentina José Mª; con mis alumnos estamos practicando y probando los distintos métodos, haz hecho una recopilación genial y muy bien explicada.
Aprovecho y te pido permiso, (si no te molesta) para linkear a tu página desde una webquest para un Trabajo práctico (evaluación de un curso online de http://www.educ.ar ) citando la fuente y el autor como corresponde. El tema de la webquest será el uso de secuencias de imágenes en páginas web (gif animados, javascript, flash,...); de este último tema te nombro como referencia "obligatoria", que te parece???!!!
Bueno, un saludo a todos!!!
y para aportar algo les paso unos links para hacer secuencias secillas usando javascript
[15] Por Alejandro Valero el 01.01.02/18:25 Responder
Raúl, José María está ahora de vacaciones, pero no creo que tenga ningún inconveniente en que le enlaces a su página; para eso estamos en la Red, para enlazarnos también simbólicamente.
Gracias, además, por los dos enlaces que nos ofreces. Personalmente, me gusta mucho JavaScript, así que tus enlaces me serán muy útiles.
[16] Por Jos eRamón el 05.09.06/19:02 Responder
Excelente. Muchas gracias. Tengo interés en un tema que no encuentro en ningun post acerca de diaporamas: ¿hay alguna manera de determinar el tipo de transición que se va a realizar entre las diapositivas o son dadas por defecto en los diferentes generadores?
[16.1] Por José Mª Campo el 06.09.06/10:47
Jose Ramón, Existen, en efecto, algunos diaporamas que permiten elegir el tipo de transición entre diapositivas. Es el caso, por ejemplo, de RockYou (página 2 de este artículo). BubbleShare, por su parte, permite trabajar con distintos tipos de diaporamas (más de media docena). Flash Slide Show Maker, (no presentado en este artículo) también permite elegir entre distintas presentaciones y, dentro de ellas, distintos tipos de transición de diapositivas. La desventaja de estas herramientas es que incluyen necesariamente enlaces a las páginas de sus autores y publicidad sobre su producto, cosa que no ocurre , por ejemplo, con Dewplayer o el Diaporama 01 (addenda) y los presentados en las páginas 7 y 8 de este artículo.
[17] Por Mercedes González el 31.10.06/17:52 Responder
Aunque llego tarde como el transporte, ¡felicidades y gracias por este artículo!. Es mi primera experiencia con los diaporamas (y con todo lo demás) y he optado por Rock You. Me ha parecido muy fácil y de un resultado sorprendente, lo he insertado en mi blog y funciona a las mil maravillas.
Gracias de nuevo, te recomiendo siempre.
[18] Por Carlos el 25.12.06/20:08 Responder
Hola enhorabuena por tu espacio y gracias por la ayuda para muchas cosas que quiero hacer en mi blog.
Te escribo por si puedes solucionarme una dudita sobre swf en blogs: Partiendo de tus indicaciones y tras mucho trastear he conseguido escribir el siguiente script:
[19] Por miguel el 09.02.07/20:13 Responder
DUDAS SOBRE DIAPORAMA DEW
Antes de nada mis feliticitaciones por la cantidad de conocimientos que nos permites compartir.
Estoy intentando incluir este tipo de diaporama en mi página web, y mis dudas son las siguientes:
1º ¿Se pueden incluir diaporamas en páginas web o sólo en blogs?.
2º He intentado incluir el código que nos presentabas y, aparece en la página el marco, el número de imágenes ,y los cursores, pero las imágenes no. Las imágenes están en la misma carpeta que el archivo de la página y el archivo dewslider.
3º Puesto que uno de los posibles problemas es la ruta, podrías ofrecer algún ejemlo de código para acceder a imágenes mediante una ruta.
Gracias.
