Infinite_carousel

In Tiki 5 and 6, Infinite Carousel is included as part of the Tiki package, so there is no need to install the script.

No modification of code is needed.

In Tiki 6 Enable JQuery UI and JQuery Infinite Carousel settings at Admin Home >Feature > Interface

Enable JQuery UI and JQuery Infinite Carousel settings at Admin Home > Look & Feel > UI Effects

The necessary CSS still needs to go in the L&F custom html head content, OR it can go in Admin Home > Look & Feel > Miscellaneous > Custom CSS. Example:

• width: 7600px has to be the sum of all widths from all images to be displayed in the infinite carousel.
• Copy to clipboard

  #carousel ul {
  	list-style: none;
  	width: 7600px;
  	margin: 0;
  	padding: 0;
  	position: relative;
  }
  #carousel li {
  	display:inline;
  	float:left;
  	background-image: none;
  	padding-left: 0;
  }

The initialization script can go in a JQ plugin in the wiki page, before the image divs or at Admin Home > Look & Feel > Miscellaneous > Custom JS. Example:

• Copy to clipboard

  {JQ()}$('#carousel').tiki("carousel");
  {JQ}

Parameters can also be set:

• Copy to clipboard

  {JQ()}$('#carousel').tiki("carousel", "", {
      displayThumbnails : false,
      textholderHeight : false});
  {JQ}

Here is a list of all the parameters that can be set (from

{* Infinite carousel start *}
{if $page eq 'Infinite_carousel' or $page eq 'HomePage' or $page eq 'Tiki 3 Themes'}
<script type="text/javascript" src="lib/jquery/infiniteCarousel/jquery.infinitecarousel.js"></script>
{literal}
<script type="text/javascript">
$jq(function(){
	$jq('#carousel').infiniteCarousel();
});
</script>
<style type="text/css">
#carousel ul {
	list-style: none;
	width: 7600px;
	margin: 0;
	padding: 0;
	position: relative;
}
#carousel li {
	display:inline;
	float:left;
	background-image: none;
	padding-left: 0;
}
</style>
{/literal}
{/if}

{DIV(id=>carousel)}
* {IMG(src="http://themes.tiki.org/tiki-download_file.php?fileId=85&display",alt="CandiiClouds",height="265px",width="380px")}{IMG}{DIV(type=>p)}__Candii Clouds__ [http://themes.tiki.org/tiki-directory_redirect.php?siteId=66|download]{DIV}
* {IMG(src="http://themes.tiki.org/tiki-download_file.php?fileId=86&display",alt="Club Card",height="265px",width="380px")}{IMG}{DIV(type=>p)}__Club Card__ [http://themes.tiki.org/tiki-directory_redirect.php?siteId=80|download]{DIV}
* {IMG(src="http://themes.tiki.org/tiki-download_file.php?fileId=87&display",alt="absE",height="265px",width="380px")}{IMG}{DIV(type=>p)}__absE__ [http://themes.tiki.org/tiki-directory_redirect.php?siteId=63|download]{DIV}
{DIV}