hi , i am new this jquery i was thrying to use jquery jcarousel effect , but i cant implement, this my javascript with html code please help out as i was facing some deadline....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Reservation 1</title> <link href="styles/style.css" rel="stylesheet" type="text/css" /> <link href="styles/jquery.jcarousel.css" rel="stylesheet" type="text/ css" /> <link href="styles/skin.css" rel="stylesheet" type="text/css" /> <script language="JavaScript" src="jquery.jcarousel.pack.js"> </ script> <script language="JavaScript" src="jquery-1.2.3.pack.js"> </script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ itemLoadCallback: itemLoadCallbackFunction }); }); </script> <script type="text/javascript"> function itemLoadCallbackFunction(carousel, state) { for (var i = carousel.first; i <= carousel.last; i++) { // Check if the item already exists if (!carousel.has(i)) { // Add the item carousel.add(i, "I'm item #" + i); } } }; </script> </head> <body> <ul id="mycarousel" class="jcarousel-list"> <li class="jcarousel-item-1"> <img src="images/thumb1.jpg" /></li> <li class="jcarousel-item-1"> <img src="images/thumb1.jpg" /></li> <li class="jcarousel-item-1"> <img src="images/thumb1.jpg" /></li> <li class="jcarousel-item-1"> <img src="images/thumb1.jpg" /></li> <li class="jcarousel-item-1"> <img src="images/thumb1.jpg" /></li> <li class="jcarousel-item-1"> <img src="images/thumb1.jpg" /></li> <ui> </body> </html>
