How to integrate Jquery agile carousel
-
I have been dealing with this since yesterday with no success. straight to the point:
I want to integrate this: https://cocotu.com/testj/carousel.html
into my sidebar here: https://chatwin.com.do/wp/ where it says ‘[aqui certificados]’. it does not work in wordpress, but in https://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 https://cocotu.com/testj/carousel.html:<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “https://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=”https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js”></script>
<script src=”https://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: “https://code.google.com/p/agile-carousel/downloads/list,https://code.google.com/p/agile-carousel/downloads/list,https://code.google.com/p/agile-carousel/downloads/list,https://code.google.com/p/agile-carousel/downloads/list,https://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.
- The topic ‘How to integrate Jquery agile carousel’ is closed to new replies.