Skip to content

banane/radiant-carousel-extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

= Carousel

A rotating banner for Radiant extensions. Based on "Infinite Carousel" by CatchMyFame.com and includes JQuery (http://www.catchmyfame.com/catchmyfame-jquery-plugins/). Version 1.2.2 of Infinite Carousel. (not latest, by the way).
By Anna Billstrom for Blazing Cloud (http://www.blazingcloud.net)


To Install
1. In your vendor/extensions directory, enter:
git clone [email protected]:banane/radiant-carousel-extension.git carousel

2. OPTIONAL: You can copy images to a radiant public image directory by typing, in your Radiant root:
rake radiant:extensions:carousel:copy_images
Or, you can use MediaMaid to get links to your images. 
Or, you can hand-code in the links to your images.

3. (back to required steps) In your radiant root directory, enter:
rake radiant:extensions:carousel:update

4. In the Radiant Admin UI interface, use the following tags:
<r:carousel>
<r:carousel_image src="[path to image, i.e. http://localhost/images/1.jpg]" caption="The image" />
... iterate through as many carousel images as you want.
</r:carousel>

5. Lastly, make sure the pages that carry the carousel have a layout, that includes the following links in the header (in this order):
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="/javascript/jquery.infinitecarousel.js"></script>
<script type="text/javascript" src="/javascript/carousel.js"></script>
<LINK REL=StyleSheet HREF="/stylesheet/carousel.css" TYPE="text/css" MEDIA=screen> 

About

An image carousel, or, rotating banner, for Radiant CMS sites

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published