Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #4001

    hi,

    i’ve just purchased your avia slider as I needed a jquery gallery for a school assignment, but jquery and javascript are not really my strong points and i can’t find a way to include it in my website. could you give step-by-step instructions.

    Thank you very much

    #44558

    Hey,

    first include following files in the head:

    <!-- ########## CSS Files ########## -->
    <!-- Screen CSS -->
    <link rel="stylesheet" href="http://my-website.com/aviaslider/style.css" type="text/css" media="screen" />
    <!-- ########## end css ########## -->

    <!-- JAVASCRIPT GOES HERE -->
    <script type='text/javascript' src='http://my-website.com/aviaslider/js/jquery.js'></script>
    <script type='text/javascript' src='http://my-website.com/aviaslider/js/jquery.aviaSlider.min.js'></script>

    <script type='text/javascript'>
    jQuery(document).ready(function(){

    // here you can see the slide options
    jQuery('#aviaslider').aviaSlider();

    });

    </script>

    And in the body section, add following:

    <ul id="aviaslider">
    <li><a href="http://my-website.com/images/slides/1.jpg" title=""><img src="http://my-website.com/images/slides/1.jpg" alt="" /></a></li>
    <li><a href="http://my-website.com/images/slides/2.jpg" title=""><img src="http://my-website.com/images/slides/2.jpg" alt="" /></a></li>
    <li><a href="http://my-website.com/images/slides/3.jpg" title=""><img src="http://my-website.com/images/slides/3.jpg" alt="" /></a></li>
    <li><a href="http://my-website.com/images/slides/4.jpg" title=""><img src="http://my-website.com/images/slides/4.jpg" alt="" /></a></li>
    </ul>

    Obviously you need to adjust the paths :)

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Avia Slider’ is closed to new replies.