jQuery Homepage Banner Slideshow / Product viewer

jQuery Homepage Banner Slideshow / Product viewer

[ad_1]

To get this product on 50 % low cost contact me on this link

 

LIVE PREVIEWBUY FOR $18

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 kind of banners. You can use any variety of layer on every slider. You can place and spacing every layer simply utilizing information 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 Device

Almost all choices can be found to customise this slider with out enhancing the supply code

Touch display screen functionality for each desktop and Touch display screen system

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

Unique Features:

  • Easy to align , spacing and animation route for every picture and Text
  • Option to decide on any kind of in/out animation route
  • Option to set animation coming distance
  • Background sample transferring animation
  • Option to set in/out time for every div
  • Option to set slideshow delay time for every slide
  • Enable/Disable desktop Drag
  • Support limitless pictures and Text on every slide

Dotted Button:

  • Three various kinds of dotted button with Next and Previous buttons design can be found
  • Position the navigation any the place utilizing Align and Spacing choice
  • Show/Hide the dotted, Next and Previous buttons
  • Enable/Disable navigation auto conceal

Thumbnails:

  • Option to indicate Thumbnails with subsequent and former button
  • Can be simply change the thumbnail width and top utilizing css
  • Thumbnail border colour, border dimension, thumbnail to thumbnail house are management by way of css file
  • Thumbnail is robotically match to the banner width. You may change the thumbnails view space
  • Thumbnail mouse over tint picture or management by way of css file, it’s also possible to use colour as an alternative of picture
  • Position the thumbnail anyplace utilizing Align and Spacing choices
  • You can present each dotted buttons and thumbnails

Other Features:

  • Slideshow pause when the person hit the banner in any other case it proceed to play
  • Five differing types of samples is on the market
  • Support all browsers
  • Cufon font help
  • You can animate something that you just place contained in the div

View demo in your cellular


jQuery Homepage Banner Slideshow / Product viewer - 1

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

jQuery(perform($){
    $('#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 : 0,
        buttons_autoHide : false,    
        buttons_align : "BC",
        buttons_spacing :"15,0",

        button_nextPrevious_type : 0,
        button_nextPrevious_autoHide : true,

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

        dotButtons : false,
        button_next_previous : false,

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

        slideShow : false,
        slideShow_delayTime : 2,

        desktop_drag : true

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

    });
});

Sample slideshow code

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

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

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

Complete assist doc is included in obtain file

Update on 10-06-2013: Minor bug mounted

Update on 23-11-2012: IE10 bug mounted

jQuery Homepage Banner Slideshow / Product viewer - 2

jQuery Homepage Banner Slideshow / Product viewer - 3

jQuery Homepage Banner Slideshow / Product viewer - 4

jQuery Homepage Banner Slideshow / Product viewer - 5

If you will have any questions on this file contact me by way of my profile page.


jQuery Homepage Banner Slideshow / Product viewer - 6

Check out my different recordsdata:

jQuery Homepage Banner Slideshow / Product viewer - 7

jQuery Homepage Banner Slideshow / Product viewer - 8

jQuery Homepage Banner Slideshow / Product viewer - 9

jQuery Homepage Banner Slideshow / Product viewer - 10

jQuery Homepage Banner Slideshow / Product viewer - 11

jQuery Homepage Banner Slideshow / Product viewer - 12

jQuery Homepage Banner Slideshow / Product viewer - 13

jQuery Homepage Banner Slideshow / Product viewer - 14

Check out my Flash recordsdata:

accordion-horizontal-vertical-image-text-animation

jQuery Homepage Banner Slideshow / Product viewer - 15

jQuery Homepage Banner Slideshow / Product viewer - 16

jQuery Homepage Banner Slideshow / Product viewer - 17

carousel-3-types-image-product-viewer

accordion-horizontal-vertical-image-text-animation

jQuery Homepage Banner Slideshow / Product viewer - 18

[ad_2]

To get this product on 50 % low cost contact me on this link

 

Source

Pomento
Logo
Register New Account
Compare items
  • Total (0)
Compare
0
Shopping cart