slider rel value

slider rel value

Hi,
a have problem to load 'data-rel' value from every slide of image.
In this code rel value is loaded only from first image.
  1. <script type="text/javascript">
    //<![CDATA[
    ; 
            $(function(){
                $('#slides').slides({
                    preload: true,
                    preloadImage: 'img/loading.gif',
                    play:  $('.slide').data("rel"),
                    delay: 500,
                    hoverPause: true,
                    animationStart: function(current){
                        $('.caption').animate({
                            bottom:-80
                        },540);
                        if (window.console && console.log) {
                            // example return of current slide number
                            console.log('animationStart on slide: ', current);
                        };
                    },
                    animationComplete: function(current){
                        $('.caption').animate({
                            bottom:30
                        },540);
                        if (window.console && console.log) {
                            // example return of current slide number
                            console.log('animationComplete on slide: ', current);
                        };
                    },
                    slidesLoaded: function() {
                        $('.caption').animate({
                            bottom:30
                        },540);
                    }
                });
            });
            //]]>
    </script>



































  2. <div id="slides">
        <div class="slides_container">
                <div class="slide" rel="1000" data-rel="2000"><img src="1.jpg"  /></div>
                <div class="slide" rel="5000" data-rel="200"><img src="2.jpg"   /></div>
                <div class="slide" rel="10000" data-rel="20"><img src="3.jpg"   /></div>           
        </div>
    </div>






Any ideas?