so iam trying to add a image slider in to my site.
website where iam downloading this slider is: http://www.agilecarousel.com/
slider that iam download is called "Flavor 1".
<html>
<head>
<link rel='stylesheet' type='text/css' href='agile_carousel.css' />
</head>
<div class='slideshow' id='flavor_1'></div>
....
//at end of html file
//jquery verson file
<script type = "text/javascript" src = "JQUERY/jquery.js"></script>
<script type = "text/javascript" src ="agile_carousel.alpha.js"> </script>
<script>
$.getJSON('agile_carousel_data.php', function(data) {
$(document).ready(function(){
$('#flavor_1').agile_carousel({
carousel_data: data,
carousel_outer_height: 228,
carousel_height: 228,
slide_height: 230,
carousel_outer_width: 480,
slide_width: 480,
transition_time: 300,
timer: 4000,
continuous_scrolling: true,
control_set_1: 'numbered_buttons',
no_control_set: 'hover_previous_button,hover_next_button'
});
});
});
</script>
</html>
but this doent work. not sure what iam doing wrong