Attach scroller to element in jQuery

I have a modified jPlayer with a “Whats Playing” info bar.

The info bar display echoed info from a PHP file.

I need to attach a scroller to the info on that player bar but i cant seem to nail it.

The scroller is on a separate js file.

http://www.maxvergelli.com/jquery-scroller/

jQuery:

getCurrentTrack();

    $('.now_playing').SetScroller({
        velocity:    50,
        direction:   'horizontal',
        startfrom:   'right',
        loop:        'infinite',
        movetype:    'linear',
        onmouseover: 'pause',
        onmouseout:  'play',
        onstartup:   'play',
        cursor:      'pointer'
    });

    function getCurrentTrack(){
    $('.now_playing').load('/player/readerPlayer2.php');
        setInterval(function() {        
        $('.now_playing').load('/player/readerPlayer2.php');    
    }, 9000);
    };

The PHP info:

<?php
header("Expires: Tue, 03 Jul 2040 06:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

$xml = simplexml_load_file("http://**.**.**.**:8000/live.xspf"); 

foreach ($xml->trackList->track as $data) { 
    $radio = $data->location;
    $song  = $data->title;  
    $info = $data->listeners;   
}
echo '<div class="IceSong">'.$song.'</div>';
?>

Leave a Reply

*

Hire Me
Follow Me!
Search
Most Popular Articles & Pages
Because your vote is Important
Sorry, there are no polls available at the moment.
Categories