Print Reseller Scheme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

slideshow

Discussion in 'Website Design Forum:' started by true o, Jun 6, 2014.

  1. true o

    true o New Member

    went on nivo slider, as I have attach 2 images for my slideshow called mc1 and stand2, but the problems is that is not showing me as a slideshow it is only showing as an image, as i need help of coding to convert my two images as a slideshow, please check attachment of coding i did below



    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    .slider {
    background-color: #333;
    height: 300px;
    width: 960px;
    }
    </style>

    <link rel="stylesheet" href="nivo-slider.css" type="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
    <script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>


    </head>

    <body>
    <div class="slider">Content for class "slider" Goes Here</div>

    <div id="slider" class="nivoSlider">
    <img src="mc1.png" alt="" />
    <a href="http://dev7studios.com"><img src="stand2.png" alt="" title="#htmlcaption" /></a>
    <img src="images/slide3.jpg" alt="" title="This is an example of a caption" />
    <img src="images/slide4.jpg" alt="" />
    </div>
    <div id="htmlcaption" class="nivo-html-caption">
    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
    </div>

    <script type="text/javascript">
    $(window).load(function() {
    $('#slider').nivoSlider();
    });
    </script>

    </body>
    </html>
     

Share This Page