Slider imagen+texto chungo chungo...

[livemusic]

Hola me tome la molestia de leer tu código y me gustaria que intentes lo siguiente:

// 1.- Asignamos el texto a cada slide

Código HTML:

<div class="slideshow">
    <div class="slides">
        <div class="slide">
            <img src="static/img/imagen1.jpg" width="100%" height="auto" >
            <span>demo demo demo demo</span>
        </div>
        <div class="slide two">
            <img src="static/img/imagen2.jpg">
            <img src="static/img/imagen3.jpg" >
            <span>demo demo demo demo</span>
        </div>
    </div>
    <div class="nav">
        <a href="#">1</a>
        <a href="#">2</a>
    </div>
</div>
 

// 2.- callback: Removemos la clase activeText de algún span y asignamos el active cuando se cambie el slide. { ------ Linea 45 ------ }

Código Javascript:

$this.theSwipe = Swipe( $this[0], {
    callback: function(index, elem) {
        $this.find('div.nav a').removeClass('active');
        $this.find('div.slide span').removeClass('activeText');
        $this.find('div.nav a:eq('+index+')').addClass('active');
        $this.find('div.slide span:eq('+index+')').addClass('activeText');
    }
} );
 

// 3.- Asignamos el activeText: Para mostrar solo el primero { ------ Linea 80 ------ } Pon solo la segunda linea, puse de referencia la primera..

Código Javascript:

$this.find('div.nav a:first').addClass('active');
$this.find('div.slide:first span').addClass('activeText');
 

// 4.- Ocultamos todos los span

Código CSS:

.slideshow .slides .slide span{ display: none;  }
 

// 5.- Creamos la clase activeText para mostrar el text activo ..

Código CSS:

.activeText{ display: block;  }
 

Algo así seria... espero y funcione :'D me comentas .. Saludos¡¡