cocotuI have been dealing with this since yesterday with no success. straight to the point:
I want to integrate this: http://cocotu.com/testj/carousel.html
into my sidebar here: http://chatwin.com.do/wp/ where it says '[aqui certificados]'. it does not work in wordpress, but in http://cocotu.com/testj/carousel.html does! I read that jquery is included in wordpress and also to use 'jquery' instead of '$' to call the function and no results. This is the code at http://cocotu.com/testj/carousel.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Agile Carousel: Full Example with All The Bells and Whistles</title>
<link rel="stylesheet" type="text/css" href="page.css">
<link rel="stylesheet" type="text/css" href="carousel.css">
</head>
<body>
<p class="sub">Beta 2.0 Example</p>
<div id="slide_holder"><img class="loading" src="images/ajax_loader.gif" alt=""></div><!-- slide_holder -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.2/jquery-ui.min.js"></script>
<script src="carousel_behavior_min.js"></script>
<script type="text/javascript">
$('#slide_holder').agile_carousel({
first_last_buttons: "no",
hover_next_prev_buttons: "no",
next_prev_buttons: "no",
pause_button: "no",
slide_buttons: "no",
<!-- slide_captions: "JQuery Carousel Plugin|Agile Slide Types|JQuery UI Effects Available|Agile Settings|Carousel That's Built to Order",-->
slide_directory: "test",
<!-- slide_links: "http://code.google.com/p/agile-carousel/downloads/list,http://code.google.com/p/agile-carousel/downloads/list,http://code.google.com/p/agile-carousel/downloads/list,http://code.google.com/p/agile-carousel/downloads/list,http://code.google.com/p/agile-carousel/downloads/list",-->
slide_number_display: "no",
timer_length: "4000",
transition_duration: 1000,
transition_easing: "easeOutBack",
transition_type: "carousel",
water_mark: "no"
});
</script>
</body>
</html>
where i'm trying to place this, is at the sidebar.php in my theme.
