Question

I have three elements, which are sliding on the screen, i want to get the text of element which is currently showing on the screen, I tried .text() function, but this returns the text of all the s elements, is there any way using javascript or jquery to do this.

<div id="text">
<span style=" font-size:100px;text-align:center;">koko</span>
<span style=" font-size:100px;text-align:center;">abc</span>
<span style=" font-size:100px;text-align:center;">efh</span>
</div>

$(document).ready(function(){  

$('#text').mouseover(function(){
var txt = $('#text span').text();
alert(txt);

});
});

Answer 1

Since you are using the cycle plugin, the active slide is given the class “activeSlide”. You can get the text of the active slide by doing something like $('.activeSlide').text();
You can also set a callback in the options while initialising the cycle plugin. You can look at the options that you can set with cycle here: http://jquery.malsup.com/cycle/options.html

You will be able to use the “after” event callback in case you want to do something everytime the slide changes.

$(document).ready(function () {
    $('#text').cycle({
        after: function (currSlideElement, nextSlideElement, options, forwardFlag) {
                alert($(nextSlideElement).text());
        }
    });
});