Agile-Carousel icon indicating copy to clipboard operation
Agile-Carousel copied to clipboard

how to make a json data file?how to get the carousel working

Open stblaisechurch opened this issue 14 years ago • 3 comments

please help me.im new to this i need this badly on my website, but i have no idea how to install it. i have downloaded the agile_carousel.alpha.js agile_carousel.css agile_carousel_data.php

i dont know wat to do next plz help

stblaisechurch avatar Sep 29 '11 18:09 stblaisechurch

Please see the example code on this page: http://agilecarousel.com/basic_example.htm You could use code similar to the example code shown there. Does that help?

Regarding the JSON file, please see the "Data" section of http://agilecarousel.com/

edtalmadge avatar Sep 30 '11 14:09 edtalmadge

It's a pity that this great plugin cannot work with content on page (by default) but it requires some strange JSONified HTML. Here is a workaround for this: jQuery(function() { var data = []; jQuery(".carouselItem").each(function() { data.push({content:jQuery(this).html()}); }); $(".content").agile_carousel({ carousel_data: data, carousel_outer_height: 300, carousel_height: 300, slide_height: 230, carousel_outer_width: 938, slide_width: 938, transition_time: 300, timer: 4000, continuous_scrolling: true, control_set_1: "numbered_buttons", no_control_set: "hover_previous_button,hover_next_button" }); });

<div id="flavor_1" class="content"> <div class="carouselItem"> <img src="img/theGreatImage.png"/> </div> </div>

blabno avatar Dec 16 '11 19:12 blabno

blabno, you have saved me

fbruges avatar Feb 20 '13 12:02 fbruges