PixyBlog Lightbox   |   Basket   |   Login   |   Register
Pixy® Blog - Expose Yourself
  PixyBlog.comPhotoblog DiscussionPhotoblog Wiki
  • Log in / create account
Thumbnail carousel
  • Page
  • Discussion
  • View source
  • History

Thumbnail carousel

From PixyWiki

Jump to: navigation, search

For displaying multiple images for a single entry on the Archives page we use the Prototype Carousel Class by Sébastien Gruhier. It's dependent on both the prototype and script.aculo.us scripts, so to get it working you will need the following in the <head> tag of your HTML page:

## load the CSS files for external JS libraries
<link rel="stylesheet" href="$url.site/theme/scripts/carousel/css/carousel.css" type="text/css" media="screen" />
	
## load the scriptaculous JS libraries
<script type="text/javascript" src="$url.site/theme/scripts/scriptaculous/prototype.js"></script>
<script type="text/javascript" src="$url.site/theme/scripts/scriptaculous/effects.js"></script>
<script type="text/javascript" src="$url.site/theme/scripts/scriptaculous/scriptaculous.js"></script>
	
## load the scriptaculous dependent JS libraries
<script type="text/javascript" src="$url.site/theme/scripts/carousel/carousel.js" ></script>

For more information and examples of how to use this script, check-out the official Prototype Carousel Class site.

Retrieved from "http://wiki.pixyblog.com/Thumbnail_carousel"
This page was last modified 10:05, 23 March 2008. This page has been accessed 787 times.
  • Privacy policy
  • About PixyWiki
  • Disclaimers
  • Powered by MediaWiki
  • Design by Paul Gu
Terms and Conditions | Privacy Policy | About | Contact us | Copyright © 2006-2008 Pixy® Ltd. All rights reserved.