article:
Tutorial: CSS preprocessors
article:
Plugin: Transition Effects

Plugin: BlogSlideShow

Advertisement

BlogSlideShow is a jQuery plugin enhancesing your blog pages with image viewer, which provides fancy transition effects.

Plugin: BlogSlideShow


BlogSlideShow comprises my library tEffects, which tries to apply CSS3 transitions to achive the effects. If the browser does not support CSS3, it visualizes the effects using JS. So the plugin is running effects as good as the browser can afford.

Plugin: BlogSlideShow



Usage

<link href="./assets/blogslideshow.css" rel="stylesheet" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="./js/jquery.blogslideshow.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('a[rel=blogslideshow]').bsShow();
    });
</script>

and with effects

$('a[rel=blogslideshow]').bsShow({
    effect: 'Jalousie',
    direction: 'horizontal'
});
</script>



source
download

Advertisement
Tags: slider, js, plugin, jquery, css, html, web, design, develop

Leave a Comment

No Comment

© Creative3x Ltd.