Before-After Slider&Banner jQuery Plugin (Sliders)

What is it?

Before-After allows you to place two images on top of each other and use a draggable slider to hide and reveal each image. This is especially useful for highlighting a Before/After makeover or Untouched/Photoshopped images side by side.

We build a slider around this feature to build a unique showcase of sets of Before and After pictures.
Give each slider a description and set the startpoint of the slider to transport your message.

Is it hard to implement?

No! It is the typical way of implementing a jQuery plugin. You just need to know little HTML and Javascript. Put the JS and CSS links in the head of your HTML site and build an unsorted list of items like this:

<li> 
   < img src="images/beforeafter/2before.jpg" alt="images/beforeafter/2after.jpg">
     < div id="textbox_1">         
      < div id="logo" class="faderight">
         < img src="images/yourlogo.png" alt="">
      < /div>         
      < div id="title" class="fadeup">
         My Sweet Girl
      < /div>         
      < div id="description" class="fadeup">             
         Description ipsum dolor sit amet, pericula sapentim ei ius.< br>
         Pupolo patrioque elaboraret usu et. Duo numquam assentior et.
      < /div>      
   < /div> 
</li>

  Buy Extended Licence for only 35$ now,
you would come back anyway to buy more :).

What are the Features?

  • Add unlimited amount of texts, images, and animate them.
  • Set the Z Position of the texts, images to show them on both layer, or only on after or before layer. Mix them as you wish.
  • Auto Thumbnail creation. Coloring, positions, shadows, all these features can be easily set via the CSS file.
  • jQuery Conflict free plugin.
  • Example demos included.
  • Easy to implement.
  • Any Image Size.
  • Special Easing.

  Preperation time: 5 min.

How about Support?

If you face problems with this item please contact us via our profile page at www.codecanyon.net.

Thank you for your time!!

 More

  Clean Documentation

Download Before-After Slider&Banner jQuery Plugin (Sliders)

Leave a Reply

Your email address will not be published. Required fields are marked *