ds.jpg

Slideshow with Captions (diapositivas con subtítulos) es un bonito script derivado de image slideshow 2 pero con algunas modificaciones. En el script original solo se contaba con una imagen diapositiva con efecto de desvanecimiento. En esta nueva versión que es Slideshow with Captions se han añadido subtítulos para acompañar a estas imágenes y con un fondo semitransparente. Sin duda será un bonito script para mostrar en tu blog todo tu porfolio.

Ver Demo - Descarga archivo Zip
Insertar dentro de nuestras etiquetas < HEAD >

PLAIN TEXT
JavaScript:
<style type="text/css" media="all">
@import "style.css";
</style>
<SCRIPT type="text/javascript" src="slideshow_with_captions.js"></SCRIPT>

Contenido: Diapositivas (Imagenes)

PLAIN TEXT
HTML:
<div id="imageSlideshowHolder">
    <img src="images/slideshow_demo_1.jpg" title="xyberneticos.com">
    <img src="images/slideshow_demo_2.jpg"title="xyberneticos.com">
    <img src="images/slideshow_demo_3.jpg"title="xyberneticos.com">
</div>

A continuación los subtítulos para cada una de las imágenes y el accionar de nuestro efecto

PLAIN TEXT
HTML:
<div id="the_captions">
    <div><h1>xyberneticos.com</h1>Bienvenidos a nuestro blog. Aquí encontraras cantidad de recursos, temas relacionados a diseño y desarrollo Web. Espero disfruten de nuestro blog tanto como lo hacemos nosotros al escribir.<br><br><small>www.xyberneticos.com</small></div>
    <div><h1>Rediseño</h1>Nuevo diseño que pronto estrenaremos e nuestro blog.<br><br><small>www.xyberneticos.com</small></div>
    <div><h1>Mas adelantos del Rediseño</h1>Un poquito mas sobre el nuevo diseño que pronto pondremos online<br><br><small>www.xyberneticos.com</small></div>
</div>

<SCRIPT type="text/javascript">
initImageGallery();
</SCRIPT>