如何在PHP中实现轮播图

$images = array(   // 轮播图图片地址
    "img/1.jpg",
    "img/2.jpg",
    "img/3.jpg",
    "img/4.jpg",
);
$texts  = array(   // 轮播图文字描述
    "图片1描述",
    "图片2描述",
    "图片3描述",
    "图片4描述",
);
$links  = array(   // 轮播图链接地址
    "Http://www.123.com/1",
    "http://www.123.com/2",
    "http://www.123.com/3",
    "http://www.123.com/4",
);

<div class="slider">
    <ul>
        <li>
            <img src="" alt="">
            <div class="caption">
                <a href=""></a>
            </div>
        </li>
        <li>
            <img src="" alt="">
            <div class="caption">
                <a href=""></a>
            </div>
        </li>
        <li>
            <img src="" alt="">
            <div class="caption">
                <a href=""></a>
            </div>
        </li>
        <li>
            <img src="" alt="">
            <div class="caption">
                <a href=""></a>
            </div>
        </li>
    </ul>
</div>

<?php foreach ($images as $key => $value) : ?>
    <li>
        <img src="<?php echo $value ?>" alt="<?php echo $texts[$key] ?>">
        <div class="caption">
            <a href="<?php echo $links[$key] ?>"><?php echo $texts[$key] ?></a>
        </div>
    </li>
<?php endforeach; ?>

$(document).ready(function(){
    var $slider = $('.slider ul');
    var $li     = $slider.find('li');
    var length  = $li.length;
    var current = 0;
    var timer   = null;
    $li.eq(0).show();

    function autoSlider(){
        timer = setInterval(function(){
            current++;
            if(current === length) current = 0;
            $li.eq(current).stop(true,true).fadeIn('slow').siblings().fadeOut('slow');
        }, 3000);
    }
    autoSlider();
    $li.hover(function(){
        clearInterval(timer);
    },function(){
        autoSlider();
    });
});