Wednesday, August 18, 2010

Video thumb rotator with jQuery Cycle Plugin

This is a simple code I used to rotate video thumbs which were retrieved using the YouTube API.
I use the jQuery Cycle Plugin to do the rotation on mouse over.

Make sure you download the cycle plugin

<title>Video thumb rotator with jquery Cycle Plugin</title>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src="jquery.cycle.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(".adimagebg").hover( function () {
            fx: 'fade',
            speed: 300,
            timeout:  1200


    <div class="adimagebg">
        <a href="#"><img width="100" src="image1.jpg" border="0" /></a>
        <a href="#"><img width="100" src="image2.jpg" border="0" /></a>
        <a href="#"><img width="100" src="image3.jpg" border="0" /></a>


View Demo

Freelance Jobs

No comments:

Post a Comment