þÿ<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- saved from url=(0042)http://ennuidesign.com/demo/contentslider/ --> <HTML lang=en xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Content Slider Demonstration | Ennui Design</TITLE> <META content=text/html;charset=utf-8 http-equiv=Content-Type><LINK rel=stylesheet type=text/css href="JQueryContentSlider_files/default.css" media=screen,projection><LINK rel=stylesheet type=text/css href="JQueryContentSlider_files/jquery.ennui.contentslider.css" media=screen,projection> <META name=GENERATOR content="MSHTML 8.00.6001.18943"></HEAD> <BODY> <H1>Content Slider Demonstration </H1> <H2>Content Slider Version 1 </H2> <P>This content slider was implemented with the following code: </P><PRE><CODE class=js>$(function() { $('#one').ContentSlider({ width : '900px', height : '400px', speed : 800, easing : 'easeInOutBack' }); });</CODE></PRE> <DIV id=one class=contentslider> <DIV class=cs_wrapper> <DIV class=cs_slider> <DIV class=cs_article> <H2><A href="http://ennuidesign.com/demo/contentslider/#">Article Number One</A> </H2><A href="http://ennuidesign.com/demo/contentslider/#"><IMG alt="Artist's interpretation of article headline" src="JQueryContentSlider_files/article01.jpg"> </A> <P>Hendrerit tincidunt vero vel eorum claritatem. Soluta legunt quod qui dolore typi. Vel dolore soluta qui odio non. Sollemnes minim eorum feugiat nihil nobis. Gothica dolor in legentis nihil quinta. </P> <P>Iriure parum autem putamus lectores duis. Quam sit quis me me zzril. Facer etiam in lectores hendrerit etiam. Exerci lorem liber tincidunt nostrud decima. Mutationem est zzril ipsum facer nobis. </P><A class=readmore href="http://ennuidesign.com/demo/contentslider/#">Read More</A> </DIV><!-- End cs_article --> <DIV class=cs_article> <H2><A href="http://ennuidesign.com/demo/contentslider/#">Article Number Two</A> </H2><A href="http://ennuidesign.com/demo/contentslider/#"><IMG alt="Artist's interpretation of article headline" src="JQueryContentSlider_files/article02.jpg"> </A> <P>Nibh nihil et ex accumsan insitam. Qui lius congue hendrerit quam vero. Demonstraverunt molestie ipsum magna nobis sequitur. Ex diam euismod quis ii velit. </P> <P>In quam lectores placerat Investigationes illum. Diam sollemnes nihil lorem claram consectetuer. Eros nam placerat claritas claritatem congue. Adipiscing ut clari suscipit nulla habent. </P><A class=readmore href="http://ennuidesign.com/demo/contentslider/#">Read More</A> </DIV><!-- End cs_article --> <DIV class=cs_article> <H2><A href="http://ennuidesign.com/demo/contentslider/#">Article Number Three</A> </H2><A href="http://ennuidesign.com/demo/contentslider/#"><IMG alt="Artist's interpretation of article headline" src="JQueryContentSlider_files/article03.jpg"> </A> <P>Clari eum vel blandit notare quarta. Autem processus lectores augue iriure facit. Volutpat aliquip erat imperdiet ipsum tation. Typi luptatum ut demonstraverunt eros quam. Ut clari consectetuer tincidunt liber qui. </P> <P>Modo vel facilisis qui liber est. Eorum Investigationes processus adipiscing commodo ea. Id iis claritatem vero ea consequat. </P><A class=readmore href="http://ennuidesign.com/demo/contentslider/#">Read More</A> </DIV><!-- End cs_article --> <DIV class=cs_article> <H2><A href="http://ennuidesign.com/demo/contentslider/#">Article Number Four</A> </H2><A href="http://ennuidesign.com/demo/contentslider/#"><IMG alt="Artist's interpretation of article headline" src="JQueryContentSlider_files/article04.jpg"> </A> <P>Iis nostrud claritas quis sed qui. Ut nunc facilisi claritatem quinta sit. Assum ii liber diam zzril nobis. Qui nibh delenit fiant te illum. Delenit claritas ut exerci eros typi. </P> <P>Videntur vel euismod ut eleifend quis. Nobis aliquam nunc vero blandit illum. Lius placerat litterarum processus quam legere. Accumsan modo non at congue duis. Odio duis ut blandit feugait in. </P><A class=readmore href="http://ennuidesign.com/demo/contentslider/#">Read More</A> </DIV><!-- End cs_article --></DIV><!-- End cs_slider --></DIV><!-- End cs_wrapper --></DIV><!-- End contentslider --> <H2>Content Slider Version 2 </H2> <P>This content slider was implemented with the following code: </P><PRE><CODE class=js>$(function() { $('#two').ContentSlider({ width : '600px', height : '266px', speed : 400, easing : 'easeOutQuad', textResize : true }); });</CODE></PRE> <DIV id=two class=contentslider> <DIV class=cs_wrapper> <DIV class=cs_slider> <DIV class=cs_article> <H2><A href="http://ennuidesign.com/demo/contentslider/#">Article Number One</A> </H2><A href="http://ennuidesign.com/demo/contentslider/#"><IMG alt="Artist's interpretation of article headline" src="JQueryContentSlider_files/article01.jpg"> </A> <P>Hendrerit tincidunt vero vel eorum claritatem. Soluta legunt quod qui dolore typi. Vel dolore soluta qui odio non. Sollemnes minim eorum feugiat nihil nobis. Gothica dolor in legentis nihil quinta. </P> <P>Iriure parum autem putamus lectores duis. Quam sit quis me me zzril. Facer etiam in lectores hendrerit etiam. Exerci lorem liber tincidunt nostrud decima. Mutationem est zzril ipsum facer nobis. </P><A class=readmore href="http://ennuidesign.com/demo/contentslider/#">Read More</A> </DIV><!-- End cs_article --> <DIV class=cs_article> <H2><A href="http://ennuidesign.com/demo/contentslider/#">Article Number Two</A> </H2><A href="http://ennuidesign.com/demo/contentslider/#"><IMG alt="Artist's interpretation of article headline" src="JQueryContentSlider_files/article02.jpg"> </A> <P>Nibh nihil et ex accumsan insitam. Qui lius congue hendrerit quam vero. Demonstraverunt molestie ipsum magna nobis sequitur. Ex diam euismod quis ii velit. </P> <P>In quam lectores placerat Investigationes illum. Diam sollemnes nihil lorem claram consectetuer. Eros nam placerat claritas claritatem congue. Adipiscing ut clari suscipit nulla habent. </P><A class=readmore href="http://ennuidesign.com/demo/contentslider/#">Read More</A> </DIV><!-- End cs_article --> <DIV class=cs_article> <H2><A href="http://ennuidesign.com/demo/contentslider/#">Article Number Three</A> </H2><A href="http://ennuidesign.com/demo/contentslider/#"><IMG alt="Artist's interpretation of article headline" src="JQueryContentSlider_files/article03.jpg"> </A> <P>Clari eum vel blandit notare quarta. Autem processus lectores augue iriure facit. Volutpat aliquip erat imperdiet ipsum tation. Typi luptatum ut demonstraverunt eros quam. Ut clari consectetuer tincidunt liber qui. </P> <P>Modo vel facilisis qui liber est. Eorum Investigationes processus adipiscing commodo ea. Id iis claritatem vero ea consequat. </P><A class=readmore href="http://ennuidesign.com/demo/contentslider/#">Read More</A> </DIV><!-- End cs_article --> <DIV class=cs_article> <H2><A href="http://ennuidesign.com/demo/contentslider/#">Article Number Four</A> </H2><A href="http://ennuidesign.com/demo/contentslider/#"><IMG alt="Artist's interpretation of article headline" src="JQueryContentSlider_files/article04.jpg"> </A> <P>Iis nostrud claritas quis sed qui. Ut nunc facilisi claritatem quinta sit. Assum ii liber diam zzril nobis. Qui nibh delenit fiant te illum. Delenit claritas ut exerci eros typi. </P> <P>Videntur vel euismod ut eleifend quis. Nobis aliquam nunc vero blandit illum. Lius placerat litterarum processus quam legere. Accumsan modo non at congue duis. Odio duis ut blandit feugait in. </P><A class=readmore href="http://ennuidesign.com/demo/contentslider/#">Read More</A> </DIV><!-- End cs_article --></DIV><!-- End cs_slider --></DIV><!-- End cs_wrapper --></DIV><!-- End contentslider --> <P class=footer>All Content © 2009 Ennui Design | <A href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.0 Strict</A> </P><!-- Site JavaScript --> <SCRIPT type=text/javascript src="JQueryContentSlider_files/jquery.min.js"></SCRIPT> <SCRIPT type=text/javascript src="JQueryContentSlider_files/jquery.easing.1.3.js"></SCRIPT> <SCRIPT type=text/javascript src="JQueryContentSlider_files/jquery.ennui.contentslider.js"></SCRIPT> <SCRIPT type=text/javascript> $(function() { $('#one').ContentSlider({ width : '900px', height : '400px', speed : 800, easing : 'easeInOutBack' }); }); $(function() { $('#two').ContentSlider({ width : '600px', height : '266px', speed : 400, easing : 'easeOutQuad', textResize : true }); }); </SCRIPT> <SCRIPT type=text/javascript src="JQueryContentSlider_files/jquery.chili-2.2.js"></SCRIPT> <SCRIPT type=text/javascript src="JQueryContentSlider_files/recipes.js"></SCRIPT> </BODY></HTML>