jQuery CheeZlide Plugin

Version 1.0

Copyright 2011, Ronald Vilbrandt (about)

Normal

Bild.de Style

Vertical Navigation

Slide Show (without Navigation)

Compatibility

Licenses

Download

Settings

	{
		showSpeed:                  400,
		hideSpeed:                  1500,
		slideshowTime:              5000,

	    	switchpanel:                true,

		provider:                   null,

	    	imageClass:                 "cheezlide_image",
	    	switchpanelContainerClass:  "cheezlide_switchpanel_container",
	    	switchpanelClass:           "cheezlide_switchpanel",

	    	panelOpacity:               0.7

	 }

Integration

JavaScript

    <script type="text/javascript">
        jQuery(function() {

            jQuery("#cheezlide").cheezlide({ provider: "#cheezlide_provider img" });

        });
    </script>

XHTML

Head

	
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="./jquery.cheezlide.js"></script>

<link rel="stylesheet" type="text/css" href="./jquery.cheezlide.css" media="screen" />

Body

    <ul id="cheezlide_provider" class="cheezlide_provider">
	    <li>
		<a href="http://www.rvi-media.de/"><img src="http://blog.rvi-media.de/cheezlide/web_IMGP4549.jpg" alt="Sky & Clouds" title="Sky" /></a>
	    </li>
	    <li>
		<a href="http://www.rvi-media.de/"><img "http://blog.rvi-media.de/cheezlide/web_P1020286.jpg" alt="Need some sleep" title="zZz" /></a>
	    </li>
	    <li>
		<a href="http://www.rvi-media.de/"><img src="http://blog.rvi-media.de/cheezlide/web_P1020630.jpg" alt="Locked in jail" title="Squirrel" /></a>
	    </li>
	    <li>
		<a href="http://www.rvi-media.de/"><img src="http://blog.rvi-media.de/cheezlide/web_P1020636.jpg" alt="Zoo of Hanover (Germany)" title="Zoo" /></a>
	    </li>
	    <li>
		<a href="http://www.rvi-media.de/"><img src="http://blog.rvi-media.de/cheezlide/web_P1020659.jpg" alt="Is it Santa on the roof?" title="Roof" /></a>
	    </li>
	    <li>
		<a href="http://www.rvi-media.de/"><img src="http://blog.rvi-media.de/cheezlide/web_IMGP4525.jpg" alt="Find the beetle, get some juice!" title="Beetle" /></a>
	    </li>
	</ul>