search

edtalmadge / Agile-Carousel

JQuery Slideshow/Carousel Plugin
http://www.agilecarousel.com
150 stars 105 forks source link

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

Open stblaisechurch opened 12 years ago

stblaisechurch commented 12 years ago

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

edtalmadge commented 12 years ago

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/

blabno commented 12 years ago

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>

fbruges commented 11 years ago

blabno, you have saved me