Examples
About Yond Slider
About Yond Slider!

Yond Slider is a jQuery plugin to quickly create Sliders and accordions, with elegance and ease. It is easy to implement, creates a nice effect and you can create your own simply by changing the options. It is possible to organize any type of content in a hierarchical and simple.

Why?
Why?

With the Yond Slider you do not need to break the head creating feature codes, you can use it and take a leap in your project smoothly.

  • Easy to implement
  • Effects customizable
  • Simple and elegant
  • MouseWhell support
  • Easing support
  • Lightweight, less than 6kb
    • icon
    • icon
    • icon
    Where to use
    Galerias de imagens
    Navegação por etapas
    E muito mais
    Start now

    The version available here is free and you can modify it as you like:)

    • Previous
    • Next

    Yond Slider

    Yond Slider is a jQuery plugin to quickly create Sliders and accordions, with elegance and ease. It is easy to implement, creates a nice effect and you can create your own simply by changing the options. It is possible to organize any type of content in a hierarchical and simple.

  • Save time
  • Have an awesome slider on your web-site
  • Greatly increase the time spent on your site
  • Increase visitation of the secondary pages
  • Features

    With the Yond Slider you do not need to break the head creating feature codes, you can use it and take a leap in your project smoothly.

  • Easy to implement
  • Effects customizable
  • Simple and elegant
  • MouseWhell support
  • Easing support
  • Lightweight, less than 6kb
  • How to

    HTML for a basic slider (example 2):
    			
    			
    <div class="beyond" >
        <div class="theyond">// this is a external slide
              <div class="slider">
                  <div class="door">
                                 <dl class="view">
                                       <dt>
                                            //Your HTML here // internal slide 1                                           
                                       </dt>
                                       <dt>
                                            //Your HTML here // interal slide 2                                           
                                       </dt>
                                 </dl>
                        </div>
                  </div>
            </div>
      </div>

    JS

    Javascript for a basic slider (example 2):
    			
    			

    <script type="text/javascript" charset="UTF-8">
          $(document).ready(function() {

                $('.beyond').YondSlider({
                      max : 750,
                      spacing : 5,
                      defaultYond : 1,
                      randtime : 2000,
                      durationInner : 300
                });

          });

    </script>

    Support

    There is no support, but you can send me e-mail and see what happens, if you encounter problems, let me know.
    Mobile and Web Analytics