3 Replies Latest reply on Aug 18, 2013 5:33 PM by DKphotos112

    Lightbox Evolution 1.6.9 no next button in slideshow

    DKphotos112 Level 1

      Hi, previously I used to use another lightbox but now I decided to try out a new one (Lightbox Evolution 1.6.9), everything seems to work but once it is open there is no next button. Any help is appreciated.

       

      Thank you.

       

      HTML

      <!doctype html>

      <html>

      <head>

      <meta charset="UTF-8">

      <title>Untitled Document</title>

       

       

      <link rel="stylesheet" type="text/css" href="Untitled-2.css">

      <script type="text/javascript"></script>

       

       

      <script type="text/javascript" src="js/jquery.min.js"></script>

       

       

      <link rel="stylesheet" type="text/css" href="js/lightbox/themes/carbono/jquery.lightbox.css" />

      <!--[if IE 6]>

      <link rel="stylesheet" type="text/css" href="js/lightbox/themes/carbono/jquery.lightbox.ie6.css" />

      <![endif]-->

       

       

      <script type="text/javascript" src="js/lightbox/jquery.lightbox.min.js"></script>

       

       

       

       

      <style>

       

       

      ul {

      list-style-type:none;

      margin:0;

      padding:0;

      overflow:hidden;

      }

       

       

      li {

      float:right;

      }

       

       

      a{

                display: block;

                font-size: 15px;

                color: #444444;

      }

       

       

      li {

                margin-right:30px;

      }

       

       

      body,td,th {

                font-family: josefin-slab;

                font-style: normal;

                font-weight: 400;

                font-size: 15px;

                color: #444444;

      }

      a:link {

                text-decoration: none;

      }

      a:visited {

                text-decoration: none;

                color: #444444;

      }

      a:hover {

                text-decoration: none;

                color: #60baec;

      }

      a:active {

                text-decoration: none;

                color: #444444;

      }

      </style>

       

       

      <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->

      <script>var __adobewebfontsappname__="dreamweaver"</script>

      <script src="http://use.edgefonts.net/josefin-slab:n1,n3,n4:default.js" type="text/javascript"></script>

       

       

      </head>

       

       

      <body text="#444444">

       

       

       

      <div class="container" id="header container">

         <div class="header"><a href="../index.html"><img src="Home-Page_03.png" name="Logo" width="448" height="69" class="logo" id="Logo"></a></div>

        <div class="navMain">

                   

                <div class="navMain">

                </li>

                <ul class="navBar"

          style="width: 530px; float: right; font-weight: 500;">

                          <li><a href="#contact">CONTACT</a></li>

                          <li><a href="#blog">BLOG</a></li>

                          <li><a href="#about">ABOUT</a></li>

                          <li><a href="#pricing">PRICING</a></li>

                          <li><a href="#portfolio">PORTFOLIO</a></li>

                          <li><a href="#home">HOME</a></li>

                </ul>

                    

              </div><!--END navMain-->

                  

      </div><!--END logo-->

               

      </div><!--END header-->

       

       

      <!--MAIN CONTENT-->

      <div class="slideshow">

      <a href="images/image-1.jpg" class="lightbox"><img src="images/image-1T.jpg" width="100px" height="100px" border="5px"> </a>

      <a href="images/image-2.jpg" class="lightbox"><img src="images/image-1T.jpg" width="100px" height="100px" border="5px"> </a>

      </div>

       

       

      <!--END MAIN CONTENT-->

       

       

      <script type="text/javascript">

        jQuery(document).ready(function($){

          $('.lightbox').lightbox();

        });

      </script>

       

       

      </body>

      </html>

       

       

       

       

       

       

       

      CSS:

       

      @charset "UTF-8";

      /* CSS Document */

       

       

       

       

       

       

      ul.navBar {

        margin: 18px 0px 0px 0px;

        padding: 0;

        white-space: nowrap;

        width: 950px;

        overflow-x: auto;

        display:inline-block;

      }

       

       

      ul.navBar li {

                display:inline;

       

      }

       

       

       

       

       

       

      .header img.logo{

                float: left;

                margin: 0px 15px 0px 15px;

      }

       

       

      .container {

                min-width: 1050px;

       

      }