Home / Premium Pro Plugins / jQuery Homepage Banner Slideshow / Product viewer

jQuery Homepage Banner Slideshow / Product viewer

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...Loading...



DOWNLOAD

This file is appropriate for homepage banner, slideshow, product viewer, Gallery regardless that you should use as an intro. All animations are customizable so it appropriate for any sort of banners. You should use any variety of layer on every slider. You may place and spacing every layer simply utilizing knowledge attributes. In obtain file, 5 default samples can be found in separate html file.

It work properly in all browser together with ipad, ios and Android Gadget

Virtually all choices can be found to customise this slider with out modifying the supply code

Contact display screen functionality for each desktop and Contact display screen gadget

Use any sort of Div content material it might be a number of div, picture (together with clear picture format), video, youtube and swf (flash file)

Distinctive Options:

  • Simple to align , spacing and animation course for every picture and Textual content
  • Choice to decide on any sort of in/out animation course
  • Choice to set animation coming distance
  • Background sample transferring animation
  • Choice to set in/out time for every div
  • Choice to set slideshow delay time for every slide
  • Allow/Disable desktop Drag
  • Help limitless photos and Textual content on every slide

Dotted Button:

  • Three various kinds of dotted button with Subsequent and Earlier buttons design can be found
  • Place the navigation any the place utilizing Align and Spacing possibility
  • Present/Cover the dotted, Subsequent and Earlier buttons
  • Allow/Disable navigation auto conceal

Thumbnails:

  • Choice to point out Thumbnails with subsequent and former button
  • Might be simply change the thumbnail width and top utilizing css
  • Thumbnail border colour, border dimension, thumbnail to thumbnail area are management by css file
  • Thumbnail is robotically match to the banner width. You may also change the thumbnails view space
  • Thumbnail mouse over tint picture or management by css file, you can too use colour as an alternative of picture
  • Place the thumbnail wherever utilizing Align and Spacing choices
  • You may present each dotted buttons and thumbnails

Different Options:

  • Slideshow pause when the consumer hit the banner in any other case it proceed to play
  • 5 differing types of samples is offered
  • Help all browsers
  • Cufon font assist
  • You may animate something that you just place contained in the div

View demo in your cellular



In plug-in code you’ll be able to customise the slideshow utilizing under variables

jQuery(operate($)
    $('#jq_fmslideshow').fmslideshow(
        banner_width : "",    
        banner_height : "",

        image_sprite : "fmslideshow_assets/sprite.png",
        image_background : "",
        image_topShadow : "",
        image_bottomShadow : "",
        image_loader : "fmslideshow_assets/loader_img.png",

        background_fullScreen : false,
        background_move : false,
        background_moveDistance : 1250,    

        buttons_type : zero,
        buttons_autoHide : false,    
        buttons_align : "BC",
        buttons_spacing :"15,zero",

        button_nextPrevious_type : zero,
        button_nextPrevious_autoHide : true,

        button_next_align : "RC",
        button_next_spacing : "20,zero",
        button_previous_align : "LC",
        button_previous_spacing : "20,zero",    

        dotButtons : false,
        button_next_previous : false,

        thumbnails_align : "BC",
        thumbnails_spacing : "-75,zero",
        thumb_next_preious_width : 38,

        slideShow : false,
        slideShow_delayTime : 2,

        desktop_drag : true

        default_data_align : "LC",    
        default_data_spacing : "70,zero",
        default_data_inOutDirection : "LR",
        default_data_inOutDistance : "60"    

    );
);

Pattern slideshow code

 <!--Slide 1 -->
<div>
    <img data-align="BL" data-spacing="zero,50" data-inoutdirection="BB" data-inoutdistance="50" data-starttime="zero" data-staytime="5" data-animationspeed="700" data-easein="easeOutQuart" data-easeout="easeOutSine" class="imgSty" src="photos/image2.png" alt="fmslideshow" />

    <div data-align="TR" data-spacing="70,zero" data-inoutdirection="RL" data-starttime=".5" data-staytime="6" data-animationspeed="400" data-easein="easeInQuart" data-easeout="easeOutSine" class="divStyle">
        <span class="txtLarge">Customise Animation</span>
    </div>

     <div data-align="TR" data-spacing="20,zero" data-inoutdirection="LR" class="divStyle" data-inoutdistance="60">
        <span class="txtMedium">In/Out Path - Alignment - Spacing</span>
    </div>
</div>

Full assist doc is included in obtain file

Replace on 10-06-2013: Minor bug fastened

Replace on 23-11-2012: IE10 bug fastened

When you’ve got any questions on this file contact me by my profile web page.


Try my different information:

Try my Flash information:

accordion-horizontal-vertical-image-text-animation

carousel-3-types-image-product-viewer

accordion-horizontal-vertical-image-text-animation


DOWNLOAD

Check Also

main-banner-1.png

Save Penguin & + Buildbox 2 file + Admob + Leaderboard + Review + Share Button

DOWNLOAD Save Penguin & + Buildbox 2 file + Admob + Leaderboard + Evaluate + ...

main-thumb.jpg

Youtube Playlists Anywhere Concrete5 AddOn

DOWNLOAD The Youtube Playlist Anyplace Plugin is a Concrete5 plugin that mean you can show ...