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.



      <!doctype html>



      <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" />




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








      ul {








      li {






                display: block;

                font-size: 15px;

                color: #444444;




      li {





      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;





      <!--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>






      <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">


                <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>



              </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>




      <!--END MAIN CONTENT-->



      <script type="text/javascript">


















      @charset "UTF-8";

      /* CSS Document */







      ul.navBar {

        margin: 18px 0px 0px 0px;

        padding: 0;

        white-space: nowrap;

        width: 950px;

        overflow-x: auto;





      ul.navBar li {










      .header img.logo{

                float: left;

                margin: 0px 15px 0px 15px;




      .container {

                min-width: 1050px;