Lightbox Gallery Thumbnails not Expanding

Hello,
I have a website page with several rows of Lightbox Gallery images.
They all work (click on them, they expand to a larger image) except one set.
I've tried to copy and paste a good, working set, but then those images do no expand either.
I even tried copying/pasting the code to make sure that I had everything - still didn't work.
Any suggestions?
http://www.epaaudio.com/installs.html
- Go to the bottom section - "Equipment" - The very last row is the problem
Thanks in advance!

Just looking over the code briefly I think you need to change '#gallery2 a' to '#gallery10 a' in the script below:
   <script type="text/javascript">
// BeginWebWidget lightbox_gallery
          $(function() {
        $('#gallery2 a').lightBox();
// EndWebWidget lightbox_gallery
      </script>
If you scroll down to the end of your code to <div id="gallery10" class="1bGallery"> then look for the script below that it should be 'gallery10 a' not 'gallery2 a'

Similar Messages

  • Lightbox gallery widget not working properly in IE preview

    The main problem I have is with the image opacity. The background is completely blanked out
    when I do the IE F12 preview. In live view it works fine, and same with the widget preview. Opacity is set at the standard 0.6.
    Any ideas? Is this a non-issue once have the site uploaded to the server?

    Please upload your page to the web and post a link here. We need to see for ourselves what you are working with.

  • Lightbox Gallery - TCN Widget not displaying live

    Hi,
    I wonder if anyone could help with this please. I've downloaded the TCN Widget Lightbox Gallery and it works fine in preview mode but I can't get it to work properly live on the web. Whenever I click on a thumbnail, the large image does display but that's it - there's no graphics (beside the main image) and it's not placed properly etc.
    The site is:   http://www.valuevisionglasses.co.uk   and the relevant gallery pages from the drop down menu would be Ladies, Gents, Sunglasses.
    It's probably something obvious that I'm missing but I've been tearing my hair out for two days over this.

    Hi Ibby26,
    looking to your source code the first thing I saw (I know, I have to go deeper next time) was this little difference, please control it. You started with:
    <script src="scripts/jquery.js" type="text/javascript"></script>
    <link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="lightbox.js"></script>
    Widgets code is in my DW:
    <title>Lightbox Gallery : &lt;default&gt;</title>
    <script type='text/javascript' src='scripts/jquery.js'></script>
    <script type='text/javascript' src='scripts/lightbox.js'></script>
    <link type='text/css' href='css/lightbox.css' rel='stylesheet'/>
    <link type='text/css' href='css/sample_lightbox_layout.css' rel='stylesheet'/>
    <style type="text/css">
    ... and Lightbox actually responds very sensitively to deeper nesting and wide ramifications of directories and sometimes and sometimes even in long file names, like "Alpine-Titanium-Alp23-M.Gun-54-17.jpg". For this reason I created for all my lightbox-applications one single lightbox-directory. There you will find all my lightbox-php-html-files and all the subdirectories for the corresponding images and from there Lightbox worked.
    Hans-Günter

  • LightBox gallery not working

    i am trying to make a lightbox gallery . when i click first image , it show the content normal, even i close and opne , it work fine. when i come to image two , if i click it , it show me the lightbox for the first image.
    can any one help me please http://jsfiddle.net/wwavyh0y/2/

    Use jQuery Fancybox2.  Simply copy & paste this code into a new, blank document. 
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML5, with Fancybox2 Viewer</title>
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!--LATEST JQUERY CORE LIBRARY-->
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <!--FANCYBOX plugins-->
    <link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
    <script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
    <style>
        margin: 0;
        padding: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    body {
        background: silver;
        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    #wrapper {
        width: 90%;
        margin: 0 auto;
        background: #FFF;
        overflow: hidden;
    /**left sidebar**/
    aside {
        float: left;
        width: 25%;
        border-right: 1px dotted #999;
        min-height: 400px;
        padding: 2%
    /**this styles image container**/
    #thumbs {
        float: left;
        width: 75%;
    #thumbs li {
        list-style: none;
        float: left;
        width: 160px;
        margin: 10px 1% 0 1%; /**space between containers**/
    /**use same size images**/
    #thumbs img {
        width: 160px; /**adjust width to thumbnail**/
        height: 120px; /**adjust height to thumbnail**/
        opacity: 0.75;
    #thumbs img:hover { opacity: 1.0 }
    /**float clearing**/
    #thumbs:after {
        content: ".";
        clear: left;
        font-size: 0px;
        line-height: 0;
        display: block;
        visibility: hidden;
    </style>
    </head>
    <body>
    <div id="wrapper">
    <aside> Left Sidebar </aside>
    <h1><a href="http://fancyapps.com/fancybox/">Fancybox2</a> Image Viewer</h1>
    <!--insert thumbnails with links to full size images below-->
    <ul id="thumbs">
    <li><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail" /></a></li>
    <li><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail" /></a></li>
    <li><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail" /></a></li>
    <li><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail" /></a></li>
    </ul>
    <!--end thumbs-->
    </div>
    <!--end wrapper-->
    <!--FancyBox function code-->
    <script>
    $(document).ready(function() {
        $('.fancybox').fancybox();
    </script>
    </body>
    </html>
    Nancy O.

  • Lightbox gallery not working right...

    I inserted a lightbox gallery from the adobe exchange website. For some reason when you click on the thumbnail it doesn't open as it should. Can anyone see what the problem is?
    What it should look like: http://www.tecnorama.org/demos/lightbox.html
    What mine looks like: http://www.hopelightworship.com/photos.html
    Thanks...

    I see that you fixed your lightbox problem
    How did you fix it?

  • Lightbox Gallery previous and next not visible

    I'm still looking for a solution to the other Lightbox Gallery question I posted earlier, but in the meantime I've copied files from the application support folder mentioned before and have the gallery working up to a point.
    It works perfectly well locally in Dreamweaver Live View but having uploaded the files to the server the gallery functions without displaying the Previous, Next or Close tabs. They're active but not visible which makes me think there is a failure to load the icons
    http://www.yellotestbed.co.uk/shtml/photo_gallery.shtml
    Thanks

    Looks like you need to fix the links to those images in your javascript.
    You have a mix of "images" and "Images" for the directory names in the links. It looks like your actual folder is capital "i" Images. Your local files will work fine, because your OS sees no difference between "images" and "Images" however your server treats them as two different directories so you're getting 404 File Not Found errors because it is looking for a directory that doesn't exist
    File names should be all lower case with no special characters ($%&* etc). You should also use hyphens and underscores instead of spaces to avoid issues like this.

  • Why my adobe lightbox gallery widget works well on "live view" and not well in the browsers?

    Hi I need help with adobe lightbox gallery.I am building a website using dreamweaver cs5.
    My problem is that the gallery works perfect in "live view" but when I check it in the browsers the pictures do not show at all.
    What am I doing wrong .Please help.
    Thank you

    Hi All:
    From my experience with other people having problems with the widget, here are some things you can check when it doesn't work:
    Names with uppercase characters: Some servers don't see a difference between "images" and "Images" but most of them do: Check that the paths to the folders and files are correctly written. I encourage people to use always lowercase characters. Same applies to spaces (I prefer to use an underscore instead)
    "scripts" folder: I've also found that some servers don't allow a folder called "scripts". You should change both the folder name and the paths in the main document.
    Paths: This is the most common one: Make sure that the paths to the required files are correct. In theory, you shouldn't find this when the document is at the site root. If the document is inside a folder, sometimes files' location and related paths may vary. If you are using CS5 or above, a good trick is using the related files toolbar and check whether DW can find and open the files.
    Upload all the required files: Some users forget to upload the "lightbox" folder, located inside "images". That folder contains the images used by the lightbox to work (nav and close buttons, for example). And also check that the paths to those images is correct. In this case, you can edit the paths in the parameters that you will find in the script code added to the document (names are quite self explanatory and every param is commented, so this shouldn't be a problem)
    I hope this helps.

  • Iphoto 8.1.2 double click will not expand thumbnail

    in iPhoto 8.1.2, double click will not expand thumbnail. help.

    What exactly does happen? Have you done any system clear up or run Malwear programs like Mackeeper or CleanMyMac2 (you should NOT run them) recently?
    LN

  • Lightbox Gallery not working properly

    I put a lightbox gallery on my site for pictures and everything I'm getting on my test site is blank boxes with a red "x". One of the pictures showed up for some reason, but I didn't get the background color #1a2158 in the gallery background like I should have. It is just a gray background. Here is the link.
    http://test.netfc.com/hurricane_ike.html
    I have the gallery on some other pages too, so if anyone knows how to get my pictures to show up and the correct background color please let me know!!! Thanks!!

    All your links to pictures start with public_html/
    Remove it from the path

  • Lightbox Gallery Buttons

    I know i'm not the designer girl type, but i'm really trying my best with a website i'm needing.
    Using the Lightbox gallery, i saw a boring problem that i cant fix....
    The Next, Previous, close and loading buttons arent appearing
    I try to verify the folder and link, but it looks ok ... Can anyone take a look for me?
    Thanks^^
    <!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>
    <link rel="shortcut icon" href="/favicon.ico" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>FINAL FANTASY RPG - By Fernanda Parker</title>
    <!-- TemplateEndEditable -->
    <style type="text/css">
    <!--
    body {
              font: 100% Verdana, Arial, Helvetica, sans-serif;
              background: #666666;
              margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
              padding: 0;
              text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
              color: #000000;
              background-image: url(../Images/Layout/bg-stripes.gif);
              background-repeat: repeat;
              background-color: #FFFFE2;
    .oneColElsCtr #container {
              width: 46em;
              background: #FFFFFF;
              margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
              border: 1px solid #000000;
              text-align: left; /* this overrides the text-align: center on the body element. */
    .oneColElsCtr #mainContent {
              padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    -->
    </style>
    <script src="../includes/jquery-1.4.2.js" type="text/javascript"></script>
    <script src="../jQuery/js/jquery.jsocial.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js" type="text/javascript"></script>
    <script src="../js/jquery-1.4.2.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.js" type="text/javascript"></script>
    <script src="../Scripts/lightbox.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.js" type="text/javascript"></script>
    <script src="../Scripts/lightbox.js" type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    <link href="../jQuery/css/style.css" rel="stylesheet" type="text/css" />
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2149023" binding="#social" />
      <oa:widget wid="2102522" binding="#navigation" />
      <oa:widget wid="2127022" binding="#gallery" />
      <oa:widget wid="2624026" binding="#OAWidget" />
    </oa:widgets>
    -->
    </script>
    <style type="text/css">
    .oneColElsCtr table tr td table {
              font-family: Verdana, Geneva, sans-serif;
              color: #97934A;
    .oneColElsCtr table tr td table {
              color: #6C5C44;
    .oneColElsCtr table tr td table {
              font-size: 12%;
    .oneColElsCtr table tr td table {
              font-size: 12px;
    .oneColElsCtr table tr td table tr th table tbody tr td img {
              text-align: center;
    #apDiv1 {
              position:absolute;
              left:879px;
              top:198px;
              width:143px;
              height:42px;
              z-index:1;
    #apDiv2 {
              position:absolute;
              left:814px;
              top:178px;
              width:109px;
              height:56px;
              z-index:1;
    .Titulo1 {
              color: #C4AF87;
              font-weight: bold;
              font-size: 18px;
              font-family: Verdana, Arial, Helvetica, sans-serif;
              line-height: normal;
              text-transform: capitalize;
    .Corpo {
              color: #C4AF87;
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: 14px;
              font-style: normal;
              line-height: normal;
              font-weight: lighter;
              font-variant: normal;
              text-transform: none;
              list-style-position: inside;
              list-style-type: disc;
    .Links {
              color: #C4AF87;
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: 14px;
              font-style: oblique;
              line-height: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: capitalize;
              text-decoration: underline;
              border-top-style: none;
              border-right-style: none;
              border-bottom-style: none;
              border-left-style: none;
    body,td,th {
              color: #C4AF87;
              list-style-type: square;
    a {
              font-size: 14px;
    </style>
    <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --><!-- TemplateParam name="Subtitulos" type="boolean" value="true" -->
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    /* BeginOAWidget_Instance_2102522: #navigation */
    ul#navigation {
          position: fixed;
          margin: 0px;
          padding: 0px;
          top: 0px;
          left: 10px;
          list-style: none;
          z-index:999999;
          width:auto;
          ul#navigation li {
          display:inline;
          float:left;
          width:102px;  
          ul#navigation li a {
          display: block;
          float:left;
                color:#000000;
          margin-top: -2px;
          height: 25px;
          width:100px;
          background-repeat:no-repeat;
          background-position:50% 10px;
          background-color:transparent;
          border:3 solid #000000;
          -moz-border-radius:0px 0px 10px 10px;
          -webkit-border-bottom-right-radius: 10px;
          -webkit-border-bottom-left-radius: 10px;
          -khtml-border-bottom-right-radius: 10px;
          -khtml-border-bottom-left-radius: 10px;
          text-decoration:none;
          text-align:center;
          padding-top:80px;
          opacity: 0.7;
          filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
          ul#navigation li a:hover{
          background-color:transparent;
          ul#navigation .home a{
              background-image: url(../Images/Navegador/Home.png);
          ul#navigation .about a{
              background-image: url(../Images/Navegador/News.png);
          ul#navigation .search a{
              background-image: url(../Images/Navegador/Sistema.png);
          ul#navigation .podcasts a{
              background-image: url(../Images/Navegador/Fanarea.png);
          ul#navigation .rssfeed a{
              background-image: url(../Images/Navegador/Blog.png);
          ul#navigation .photos a{
              background-image: url(../Images/Navegador/Download.png);
          ul#navigation .contact a{
              background-image: url(../Images/Navegador/Contato.png);
    /* EndOAWidget_Instance_2102522 */
    </style>
    <link rel="shortcut icon" href="/favicon.ico" />
    <link href="../css/lightbox.css" rel="stylesheet" type="text/css" />
    <link href="../css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    /* BeginOAWidget_Instance_2127022: #gallery */
                        .lbGallery {
                                  /*gallery container settings*/
                                  background-color: #c4af87;
                                  padding-left: 20px; 
                                  padding-top: 20px; 
                                  padding-right: 20px; 
                                  padding-bottom: 20px; 
                                  width: 540px;
                                  height: auto;
                                  text-align:center;
                        .lbGallery ul { list-style: none; margin:0;padding:0; }
                        .lbGallery ul li { display: inline;margin:0;padding:0; }
                        .lbGallery ul li a{text-decoration:none;}
                        .lbGallery ul li a img {
                                  /*border color, width and margin for the images*/
                                  border-color: transparent;
                                  border-left-width: 10px;
                                  border-top-width: 10px;
                                  border-right-width: 10px;
                                  border-bottom-width: 20px;
                                  margin-left:5px;
                                  margin-right:5px;
                                  margin-top:5px;
                                  margin-bottom:5px:
                        .lbGallery ul li a:hover img {
                                  /*background color on hover*/
                                  border-color: #ffffe2;
                                  border-left-width: 10px;
                                  border-top-width: 10px;
                                  border-right-width: 10px;
                                  border-bottom-width: 20px;
                        #lightbox-container-image-box {
                                  border-top: 0px none #ffffff;
                                  border-right: 0px none #ffffff;
                                  border-bottom: 0px none #ffffff;
                                  border-left: 0px none #ffffff;
                        #lightbox-container-image-data-box {
                                  border-top: 0px;
                                  border-right: 0px none #ffffff;
                                  border-bottom: 0px none #ffffff;
                                  border-left: 0px none #ffffff;
    /* EndOAWidget_Instance_2127022 */
    </style>
    <style type="text/css">
    /* BeginOAWidget_Instance_2624026: #OAWidget */
    .element{
                        width:140px;
                        height:70px;
                        background-color:transparent;
                        color:#333333;
                        float:left;
                        margin-right:10px;
                        overflow:hidden;
                        -moz-transition-property:height;
                        -moz-transition-duration:1s;
                        -o-transition-property:height;
                        -o-transition-duration:1s;
                        -webkit-transition-property:height;
                        -webkit-transition-duration:1s;
              .element img{
                        width:140px;
                        height:70px;
              .element:hover{
                        height:160px;
                        -moz-transition-property:height;
                        -moz-transition-duration:1s;
                        -o-transition-property:height;
                        -o-transition-duration:1s;
                        -webkit-transition-property:height;
                        -webkit-transition-duration:1s;
              .empty{
                        clear:both;
                        height:20px;
                        background-color:#333333;
    /* EndOAWidget_Instance_2624026 */
    </style>
    </head>
    <Body lang="pt" onload="MM_preloadImages('../Images/Botoes/Jobs2.png','../Images/Botoes/Magias2.png','../ Images/Botoes/Summons2.png','../Images/Botoes/Races2.png')" onselectstart="return false">
    <table width="1116" border="0" align="center" cellpadding="0" cellspacing="0" lang="pt">
      <tr>
        <th height="78" background="../Images/Layout/repeatleftTOP2.png" scope="col"> </th>
        <th align="left" valign="top" background="../Images/Layout/teste-fundo-horizontal.png" scope="col"><p> </p>
          <table width="1009" border="0" cellpadding="0" cellspacing="0" class="Corpo">
            <!-- TemplateBeginRepeat name="Repeat_socials" -->
            <tr>
              <th width="100" scope="col"> </th>
              <th width="727" align="right" scope="col"><a href="https://www.facebook.com/pages/Final-Fantasy-RPG/260352977361922" target="_new"><img src="../Images/icons/facebook.png" alt="icon_facebook" name="FacebookButton" width="50" height="50" id="FacebookButton" lang="pt" /></a><a href="https://twitter.com/ferparker" target="_new"><img src="../Images/icons/twitter.png" alt="icon_twitter" name="TwitterButton" width="50" height="50" id="TwitterButton" /></a><a href="http://finalfantasyrpg.wordpress.com" target="_new"><img src="../Images/icons/rss.png" alt="icon_rss" name="RssButton" width="50" height="50" id="RssButton" /></a></th>
            </tr>
            <!-- TemplateEndRepeat -->
          </table></th>
        <th background="../Images/Layout/repeatrightTOP21.png" scope="col"> </th>
      </tr>
      <tr>
        <th width="50" height="46" background="../Images/Layout/ribbon-left.png" scope="col"> </th>
        <th width="1012" background="../Images/Layout/ribbon-main.png" scope="col"><span class="Corpo">
          <script type="text/javascript">
    // BeginOAWidget_Instance_2149023: #social
              $('.social').jsocial({
                                  twitter                    :  'myID',
                                  facebook          :  'facebook.com/myID',
                                  flickr                    :  'myID_2',
                                  delicious          :  'myID_3',
                                  linked                    :  'linkedin.com/in/myID',
                                  youtube                    :  'youtube.com/myID',
                                  feed                    :  'myID_4',
                                  friendfeed          :  'myID_5',
                                  digg                    :  'myID_6',
                                  lastfm                    :  'myID_7',
                                  center                    : false,
                                  inline                    : true,
                                  small                    : false,
                                  newPage                    : false
    // EndOAWidget_Instance_2149023
          </script>
        </span></th>
        <th width="54" background="../Images/Layout/ribbon-right.png" scope="col"> </th>
      </tr>
      <tr>
        <td background="../Images/Layout/repeatleft.png"> </td>
        <td align="center" valign="top" background="../Images/Layout/bg-main.gif"><table width="1012" height="1086" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_">
          <tbody>
            <tr>
              <td width="792" height="1086" valign="top" background="news.php_arquivos/bg-main.gif"><!-- TemplateBeginEditable name="CorpoEditavel" -->
                <div align="center">
                  <div id="maincontent">
                    <div align="center">
                      <table width="701" height="31" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tbody>
                          <tr>
                            <td align="center"><a href="../ffrpg.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Sistema','','../Images/Botoes/Sistema2.png',0)"><img src="../Images/Botoes/Sistema1.png" alt="Sistema" name="Sistema" width="120" height="37" border="0" id="Sistema" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','../Images/Botoes/Races2.png',1)"><img src="../Images/Botoes/Races1.png" name="Image15" width="92" height="37" border="0" id="Image15" /></a><a href="../jobs.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Jobs','','../Images/Botoes/Jobs2.png',1)"><img src="../Images/Botoes/Jobs1.png" alt="Jobs" name="Jobs" width="79" height="37" border="0" id="Jobs" /></a><a href="../magia.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Magias','','../Images/Botoes/Magias2.png',1)"><img src="../Images/Botoes/Magias1.png" alt="Magias" name="Magias" width="106" height="37" border="0" id="Magias" /></a><a href="../summons.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Summons','','../Images/Botoes/Summons2.png',1)"><img src="../Images/Botoes/Summons1.png" alt="Summons" name="Summons" width="144" height="37" border="0" id="Summons" /></a></td>
                          </tr>
                        </tbody>
                      </table>
                      <p class="Corpo"><script type="text/javascript">
    // BeginOAWidget_Instance_21490</script></p>
                      <table width="616" border="0" cellpadding="0" cellspacing="0" class="Corpo">
                        <tr>
                          <th width="25" height="25" background="../Images/Layout/table-topleft.gif" scope="col"> </th>
                          <th width="566" background="../Images/Layout/bg-table.gif" scope="col"> </th>
                          <th width="25" background="../Images/Layout/table-topright.gif" scope="col"> </th>
                        </tr>
                        <tr>
                          <td width="25" height="18" background="../Images/Layout/bg-table.gif"> </td>
                          <th width="566" background="../Images/Layout/bg-table.gif" scope="col"><p class="Corpo"><img src="../Images/Linhas/Sistema---Sistema.png" alt="RaceLine" height="74" width="500" /></p>
                            <table width="556" border="0" cellpadding="0" cellspacing="0" class="Corpo">
                              <tr>
                                <th width="200" height="203" scope="col"><table width="180" height="88" border="0" cellpadding="0" cellspacing="0">
                                  <tr>
                                    <th class="Corpo" scope="col"><img src="../Images/Stuff/Logo-Fundo-Tranp.png" alt="LogoFFRPG" width="180" height="180" /></th>
                                    </tr>
                                  </table></th>
                                <th width="356" class="Corpo" scope="col">Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG</th>
                                </tr>
                            </table>
                            <p class="Corpo">Final Fantasy RPG Final Fantasy RPG Final Fantasy </p>
    <p class="Corpo">RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG Final Fantasy RPG </p></th>
                          <td width="25" background="../Images/Layout/bg-table.gif"> </td>
                        </tr>
                        <tr>
                          <td width="25" height="23" background="../Images/Layout/table-bottomleft.gif"> </td>
                          <th width="566" background="../Images/Layout/bg-table.gif" scope="col"> </th>
                          <td width="25" background="../Images/Layout/table-bottomright.gif"> </td>
                        </tr>
                    </table>
                    </div>
                    <p align="center" class="Corpo"><br />
                    </p>
                    <div align="center" class="Corpo">
                      <table align="center" border="0" cellpadding="0" cellspacing="6">
                        <tbody>
                          <tr>
                            <td width="656"><div align="center">
                              <p class="Corpo"><img src="../Images/Layout/Divider Linha.png" alt="divider" height="64" width="494" /></p>
                              <p> </p>
                            </div></td>
                          </tr>
                          <tr>
                            <td width="656" align="center" valign="top"><p class="Titulo1">Título 1
              GALLERY PLUS
              </p>
                              <p class="Titulo1"> </p>
                              <div id="gallery" class="lbGallery">
                                <ul>
                                  <li> <a href="../Images/Jobs/Mago Negro.png" title="AAAAAAAAAAAAAAA"><img src="../Images/Jobs/thumbnails/Mago-NegroThumb.png" alt="Flower" width="51" height="100" /></a> </li>
                                  <li> <a href="../Images/Jobs/Alquimista.png"><img src="../Images/Jobs/thumbnails/AlquimistaThumb.png" alt="Tree" width="46" height="100" /></a> </li>
                                  <li> <a href="../Images/Jobs/Arqueiro.png"><img src="../Images/Jobs/thumbnails/ArqueiroThumb.png" alt="" width="87" height="100" /></a> </li>
                                  <li> <a href="../Images/Jobs/Bardo.png"><img src="../Images/Jobs/thumbnails/BardoThumb.png" alt="" width="54" height="100" /></a> </li>
                                  <li> <a href="../Images/Jobs/Cavaleiro das Runas.png"><img src="../Images/Jobs/thumbnails/Cavaleiro-das-RunasThumb.png" alt="" width="53" height="100" /></a><a href="../Images/Jobs/Apostador.png"><img src="../Images/Jobs/thumbnails/ApostadorThumb.png" alt="Flower" width="85" height="100" /></a><a href="../Images/Jobs/Cavaleiro Magico.png"><img src="../Images/Jobs/thumbnails/Cavaleiro-MagicoThumb.png" alt="Tree" width="70" height="100" /></a><a href="../Images/Jobs/Cavaleiro Negro.png"><img src="../Images/Jobs/thumbnails/Cavaleiro-Negro.png" alt="" width="76" height="100" /></a><a href="../Images/Jobs/Invocador Negro.png"><img src="../Images/Jobs/thumbnails/Invocador-NegroThumb.png" alt="" width="51" height="100" /></a><a href="../Images/Jobs/Ladrao.png"><img src="../Images/Jobs/thumbnails/LadraoThumb.png" alt="" width="73" height="100" /></a></li>
                                </ul>
    </div>
                              <script type="text/javascript">
    // BeginOAWidget_Instance_2127022: #gallery
                        $(function(){
                                  $('#gallery a').lightBox({
                                            imageLoading:                              '<img src="../Images/lightbox/lightbox-ico-loading.gif" width="32" height="32" alt="Ico_Loading" />',                    // (string) Path and the name of the loading icon
                                            imageBtnPrev:                              '<img src="../Images/lightbox/lightbox-btn-prev.gif" width="63" height="32" alt="Ico_Previous" />',                              // (string) Path and the name of the prev button image
                                            imageBtnNext:                              '<img src="../Images/lightbox/lightbox-btn-next.gif" width="63" height="32" />',                              // (string) Path and the name of the next button image
                                            imageBtnClose:                              '<img src="../Images/lightbox/lightbox-btn-close.gif" width="66" height="22" />',                    // (string) Path and the name of the close btn
                                            imageBlank:                                        '<img src="../Images/lightbox/lightbox-blank.gif" width="1" height="1" />',                              // (string) Path and the name of a blank image (one pixel)
                                            fixedNavigation:                    true,                    // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
                                            containerResizeSpeed:          400,                               // Specify the resize duration of container image. These number are miliseconds. 400 is default.
                                            overlayBgColor:                     "#999999",                    // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
                                            overlayOpacity:                              .6,                    // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
                                            txtImage:                                        'Image',                                        //Default text of image
                                            txtOf:                                                  'of'
    // EndOAWidget_Instance_2127022
                              </script>
    <p> </p>
                              <p></p>
                              <p class="Corpo">Corpo de Texto Corpo de Texto Corpo de Texto Corpo de Texto Corpo de Texto Corpo de Texto Corpo de Texto Corpo de Texto Corpo de Texto Corpo de Texto Corpo de Texto Corpo de Texto Corpo de Texto </p>
                              <span class="Corpo"><a href="endereço do link" class="Links">Link</a></span></td>
                          </tr>
                          <tr>
                            <td width="656"><div align="center" class="Corpo"><img src="../Images/Sign_Up.png" alt="a" width="150" height="44" /><br />
                            </div></td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <p align="center" class="Corpo"> </p>
                  </div>
                  <p class="Corpo"><br />
                </p>
                </div>
              <!-- TemplateEndEditable --></td>
              <td width="220" colspan="6" valign="top" background="news.php_arquivos/bg-main.gif"><!-- TemplateBeginEditable name="LateralEditavel" -->
                <div id="maincontent2">
                  <div align="center">
                    <p><span class="Corpo"><img src="../Images/Sign_Up.png" alt="News" name="Brass1" width="150" height="44" border="0" id="Brass1" title="News" /></span></p>
                    <table width="193" height="194" border="0" cellpadding="0" cellspacing="0">
                      <!--DWLayoutTable-->
                      <tr>
                        <th width="192" height="508" background="../Images/Layout/bg-table.gif" scope="col"><table width="167" height="478" border="0" align="center" cellpadding="0" cellspacing="0" background="../Images/Layout/bg-table_002.gif">
                          <tr>
                            <th height="478" background="../Images/Layout/bg-main.gif" scope="col"><span class="Corpo"><img src="" alt="Banner" name="Banner" width="167" height="478" align="middle" class="Corpo" id="Banner" style="background-color: #FFFFE2" /></span></th>
                          </tr>
                        </table></th>
                      </tr>
                    </table>
                    <p><span class="Corpo"><img src="../Images/Sign_Down.png" alt="d" name="Brass2" width="150" height="44" id="Brass2" /></span></p>
                    <p> </p>
                    <p><span class="Corpo"></span></p>
                  </div>
                </div>
              <!-- TemplateEndEditable --></td>
            </tr>
          </tbody>
        </table>
    <p align="center"> </p></td>
        <td background="../Images/Layout/repeatright.png"> </td>
      </tr>
      <tr>
        <td height="103" background="../Images/Layout/Bottomleft-shadow.png"> </td>
        <td background="../Images/Layout/footer.png"> </td>
        <td background="../Images/Layout/Bottomright-shadow.png"  background-repeat: no-repeat> </td>
      </tr>
      <tr>
        <td height="10" colspan="3" background="../Images/dropshadow-bottom3.png"> </td>
      </tr>
    </table>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <div class="social"></div>
    <p> </p>
    <!-- TemplateBeginRepeat name="Repeat_Navegacao" -->
    <ul id="navigation">
      <li class="home"><a href="../index.html" class="Corpo">Home</a></li>
      <li class="about"><a href="../news.html" class="Corpo">News</a></li>
      <li class="search"><a href="../Sistema-FFRPG.html" class="Corpo">Sistema FFRPG</a></li>
      <li class="photos"><a href="../downloads.html" class="Corpo">Downloads</a></li>
      <li class="rssfeed"><a href="../favicon.png" class="Corpo">Blog</a></li>
      <li class="podcasts"><a href="../fan_area.html" class="Corpo">FanArea</a></li>
      <li class="contact"><a href="mailto:[email protected]" class="Corpo">Contato</a></li>
    </ul>
    <!-- TemplateEndRepeat --><script type="text/javascript">
    // BeginOAWidget_Instance_2102522: #navigation
    $(function() {
          var d=300;
          $('#navigation a').each(function(){
          $(this).stop().animate({
          'marginTop':'-80px'
          },d+=150);
          $('#navigation > li').hover(
          function () {
          $('a',$(this)).stop().animate({
          'marginTop':'-2px'
          },200);
          function () {
          $('a',$(this)).stop().animate({
          'marginTop':'-80px'
          },200);
    // EndOAWidget_Instance_2102522
    </script>
    <p> </p>
    <p> </p>
    <p> </p>
    <script language=JavaScript>
    <!--
    var mensagem="";
    function clickIE() {if (document.all) {(mensagem);return false;}}
    function clickNS(e) {if
    (document.layers||(document.getElementById&&!document.all)) {
    if (e.which==2||e.which==3) {(mensagem);return false;}}}
    if (document.layers)
    {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
    else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
    document.oncontextmenu=new Function("return false")
    // -->
    </script>
    </Body>
    </html>

    Julie726 wrote:
    Actually, I'm still having a problem getting those buttons to display before I worry about moving their positions.
    They have been uploaded to the correct locations.  I can't figure out why they don't display.
    They don't display because the link to those buttons points to an "images" folder (lowercase I) but they're stored on the server in "Images" folder (capital I).
    http://www.julieappelt.com/images/lightbox/lightbox-btn-close.gif does not work
    http://www.julieappelt.com/Images/lightbox/lightbox-btn-close.gif works
    It's usually best to avoid mixing cases when naming folders and files to avoid these issues, esp on Linux servers. Stick to all lowercase.

  • Dreamweaver CS4 Lightbox Gallery Problem

    Hello Everyone,
    I am using Dreamweaver CS4 on a Mac and I am a beginner at producing my website, just so you know.  I am using lightbox gallery for my photo gallery on my website and everything works fine except that when you click on the picture to start the gallery there is a question mark that pops up where there should be instead the enlarged picture.  When I preview it using Safari the enlarged photo pops up with no problem, the question mark pops up only when I upload the website online. I have been trouble shooting to the best of my ability, but to no avail.  Please someone, show me what I am doing wrong.
    Here is the coding:
    <!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>Photo Gallery</title>
    <script src="scripts/jquery.js" type="text/javascript"></script>
    <script src="scripts/lightbox.js" type="text/javascript"></script>
    <link href="css/lightbox.css" rel="stylesheet" type="text/css" />
    <link href="css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="gallery1" class="lbGallery">
      <ul>
        <li> <a href="images/lightboxdemo1.jpg" title=""> <img src="images/lightboxdemo_thumb1.JPG" width="72" height="72" alt="" /> </a> </li>
        <li> <a href="images/lightboxdemo2.jpg" title=""> <img src="images/lightboxdemo_thumb2.jpg" width="72" height="72" alt="" /> </a> </li>
        <li> <a href="images/lightboxdemo3.jpg" title=""> <img src="images/lightboxdemo_thumb3.jpg" width="72" height="72" alt="" /> </a> </li>
        <li> <a href="images/lightboxdemo4.jpg" title=""> <img src="images/lightboxdemo_thumb4.jpg" width="72" height="72" alt="" /> </a> </li>
        <li> <a href="images/lightboxdemo5.jpg" title=""> <img src="images/lightboxdemo_thumb5.jpg" width="72" height="72" alt="" /> </a> </li>
      </ul>
    </div>
    <script type="text/javascript">
    // BeginWebWidget lightbox_gallery
                        $(function() {
            $('#gallery1 a').lightBox();
    // EndWebWidget lightbox_gallery
    </script>
    </body>
    </html>
    And the website URL is: http://majesticmonumentvalley.com/photogallery.html
    Please note that I have not customized my own photos in the gallery because they only end up with the question mark so I wanted to fix this problem before I started putting my own photos on the website.
    Thank you for your time.
    -Jessica

    Hello, 
    Thank you for your response.  I put my own photos into the gallery and made sure they were located in the images folder.  I previewed it in Safari and all was well.  But, yet again, when I uploaded it online it does the same thing- a question mark appears instead of the enlarged image.  The thumbnail images are fine, it is just the enlarged images giving me grief.  What am I doing wrong?
    The new coding:
    <!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>Photo Gallery</title>
    <script src="scripts/jquery.js" type="text/javascript"></script>
    <script src="scripts/lightbox.js" type="text/javascript"></script>
    <link href="css/lightbox.css" rel="stylesheet" type="text/css" />
    <link href="css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="gallery1" class="lbGallery">
      <ul>
        <li> <a href="images/honeymoonarch1.jpg" title=""> <img src="images/honeymoonarch_thumbnail.jpg" width="200" height="133" alt="" /> </a> </li>
        <li> <a href="images/jessicaofmv.jpg" title=""> <img src="images/jessicaofmv_thumbnail.jpg" width="150" height="226" alt="" /> </a> </li>
        <li> <a href="images/mittensunriseglow.JPG" title=""> <img src="images/mittensunriseglow_thumbnail.JPG" width="200" height="150" alt="" /> </a> </li>
        <li> <a href="images/themittens.JPG" title=""> <img src="images/themittens_thumbnail.JPG" width="200" height="150" alt="" /> </a> </li>
        <li></li>
      </ul>
    </div>
    <script type="text/javascript">
    // BeginWebWidget lightbox_gallery
                        $(function() {
            $('#gallery1 a').lightBox();
    // EndWebWidget lightbox_gallery
    </script>
    </body>
    </html>
    And the URL:  http://majesticmonumentvalley.com/photogallery.html
    Thanks again for your time.
    -Jessica

  • Lightbox gallery dreamweaver cs6

    Hello, I m tried to insert a picture gallery with dreamweaver cs6 using the widget lightboxgallery, the first problem is that the  buttons,next, previous ... are not displayed, the second problem happens when I want to insert a second " lightbox gallery" in the  same page.
    thank you for helping me

    Many people have reported problems with the Lightbox widget.  I highly recommend using FancyBox2 instead of that widget.  To see a demonstration, copy & paste this code into a new, blank document.  SaveAs test.html and preview in browsers.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML5, with Fancybox2 Viewer</title>
    <!--LATEST JQUERY CORE LIBRARY-->
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <!--FANCYBOX plugins-->
    <link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
    <script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
    <style>
    /**this styles image container**/
    #thumbs p {
    float:left;
    width: 180px;
    height: 12.5em;
    margin: 10px 0 0 20px;
    padding: 10px;
    border: 1px solid silver;
    /**rounded borders**/
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    border-radius: 20px;
    /**this styles caption text**/
    font: italic 14px/1.5 Geneva, Arial, Helvetica, sans-serif;
    color: #666;
    text-align:center;
    /**recommend using same size images**/
    #thumbs img {
    width:  160px; /**adjust width to thumbnail**/
    height: 120px; /**adjust height to thumbnail**/
    margin-bottom: 1.5em;
    opacity: 0.75;
    #thumbs img:hover {opacity: 1.0}
    /**float clearing**/
    #thumbs:after {
    content:".";
    clear:left;
    font-size:0px;
    line-height:0;
    display:block;
    visibility:hidden;
    </style>
    </head>
    <body>
    <h1><a href="http://fancyapps.com/fancybox/">Fancybox2</a> Viewer with images</h1>
    <!--insert thumbnails with links to full size images below-->
    <div id="thumbs">
    <p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 1" /></a> <br />
    Caption 1
    </p>
    <p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 2" /></a> <br />
    Caption 2
    </p>
    <p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 3" /></a> <br />
    Caption 3
    </p>
    <p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 4" /></a> <br />
    Caption 4
    </p>
    <p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120" alt="Thumbnail 5" /></a> <br />
    Caption 5
    </p>
    <!--end thumbs--></div>
    <!--Fancybox with Iframe-->
    <h1>Fancybox with Iframe</h1>
    <h3><a class="fancybox" data-fancybox-type="iframe" href="http://example.com">EXAMPLE.COM</a></h3>
    <!--FancyBox function code-->
    <script>
            $(document).ready(function() {
                $('.fancybox, iframe').fancybox();
        </script>
    </body>
    </html>
    Nancy O.

  • Problems using lightbox gallery widget

    Hi,  I am just learning Dreamweaver and thought I would try out a widget.  I tried the lightbox gallery widget, and it mostly works, except that I get a box with a question mark on the right, under the photo when it is enlarged.  It can't find some of the included widget image icon files. Anybody know why?  It does it in live view and firefox and safari.
    I looked at the code and from what I can tell, the code references images which appear to be in the correct directory /images/lightbox/blahblah.gif.
    For example, the widget is supposed to say 'close' under the image, and that text is a .gif image apparently.
    Anyone have this trouble or know what the problem could be?
    Thanks
    Bob

    I found a fix for something similar that occurred on my machine. I too was seeing no problems locally but when I posted it to my site, it just had the placeholder and no images....
    Apparently, dreamweaver is smarter than the browser... (maybe incorrect statement) however..... the file extensions are case sensitive!
    I had this-------- <A href="Img/CGM_1.JPG" border="0"  rel="lightbox[Img/CGM_1thumb.JPG]" title="CGM Pic Set"><img src="Img/CGM_1thumb.JPG" /></a>
    <a href="Img/CGM_2.jpg" rel="lightbox[Img/CGM_1thumb.JPG]"></a>
                      <a href="Img/CGM_3.jpg" rel="lightbox[Img/CGM_1thumb.JPG]"></a>
                      <a href="Img/CGM_4.jpg" rel="lightbox[Img/CGM_1thumb.JPG]"></a>
    Well, I didnt think anything was so bad, all of the colors were right I wasn't getting any warnings.... wtf?
    As it turns out, and this is only because I just started a new image set after testing an individual - - baby steps - - if you use the properties bar at the bottom of DW, it applies a different case for specific parts...... i.e. this is what it produced
    <A HREF="Img/CGM_1.jpg" border="0"  rel="lightbox[Img/CGM_1thumb.jpg]" title="CGM Pic Set"><img src="Img/CGM_1thumb.jpg" /></a>
                      <a HREF="Img/CGM_2.jpg" rel="lightbox[Img/CGM_1thumb.jpg]"></a>
                      <a HREF="Img/CGM_3.jpg" rel="lightbox[Img/CGM_1thumb.jpg]"></a>
                      <a HREF="Img/CGM_4.jpg" rel="lightbox[Img/CGM_1thumb.jpg]"></a>
    Notice the HREF's are now UPPER case and the jpg's are now lower case. !!!! really?!?!?
    Also, another thing to look out for is the folder/ in front of your thumbnail; make sure it is there. In my case I use my sam "Img" folder, not the "images" folder that lightbox creates.
    Hope this helps, I beat my head against the wall for a total of 10 hours over 2 days trying to figure this out. I couldn't find anything on the internet. I'm going to post this so others having this issue get it resolved. I found those, just no resolution.

  • LightBox Gallery Widget

    Hi there,
    I'm working on a website with some pictures on it. I've used the LightBox Gallery Widget for that.
    In the liveview it works fine, but once I've try it at my webspace, the LightBox doesn't open and I get to another url.
    You can find the website here: http://www.bokal.be/TEST1234/Foto-albumkopie.html
    Thanks in advance!
    Ruth

    Ruthvdab wrote:
    In the liveview it works fine, but once I've try it at my webspace, the LightBox doesn't open and I get to another url.
    What's happening when you click on a thumbnail is that the Lightbox doesn't kick in so the browser merely opens the fullsize image in another browser tab.
    That's because it cannot find the Lightbox files on the server to activate the Lightbox effect.
    http://www.bokal.be/TEST1234/scripts/lightbox.js does not exist on the server at the location that the code is pointing to.
    Have you uploaded the "scripts" folder to your server?

  • Hundreds of my iPhoto pictures will not be copied and will not show when I double-click on them.  When I do in iPhoto an exclamation surrounded by a triangle appears.  Though I can see the picture in the small tiles below it will not expand.

    Hundreds of my iPhoto pictures will not be copied and will not show when I double-click on them.  When I do in iPhoto an exclamation surrounded by a triangle appears.  Though I can see the picture in the small tiles below it will not expand.  I also cannot attach any of these pics into an e-mail or into any other file.  I have already went through all 3 Repair options and when that did not solve it went through a complete Rebuild.  Any Help?!  Any Suggestions on how to fix this?!  I have spent almost 2 days now going through all of the published help.
    I have backups going back 6 months - I have not had the real need to check every album before - but - all of my backups also have this same problem.

    The triangle with the ! indicates that the connection between the thumbnail and the orginal is missing - this can be caused by many things including database corruption and user action emoving the originals photos on urpose or by accident
    If the database is corrupted then rebuilding is the solution - backup and depress the option and command keys, launch iPhoto and rebuild your database  --  if the iPhoto rebuild does not cure the problem then download iPhoto Library manager and use its rebuild command which creates a totally new library leaving the existing one untouched
    If you have deleted the photos then you need to start over with a new library and import the photos you have not deleted into it
    You can select one of the problem photos and use the reveal original in finder commander (file menu) to see if the original is there - if it is a finder window will open showing it
    LN

Maybe you are looking for

  • How do I download photos from Facebook to iPhoto

    How do I download photos from facebook to iPhoto? Ihave osx and  iPhoto 11 9.2.3.

  • Pc will not boot.

    Hello my system is: Compaq Model-CQ5110f Product#-NP185AA#ABA Processor-AMD Athlon X2 7550 Dual Core Windows Vista Home Premium system memory 3GB Hard Drive 320GB Seagate Graphics-Nvidia Geforce 6150 SE Integrated--Using a Geforce 9400GT I Recently c

  • Create metric alert in OEM 12c for windows services

    Hi, I was wondering if there is a way to create metric alert for services on a windows host, so that when any service is in stopped state, we will get an alert. We can check the status of services from OEM that are running in a windows server. Host -

  • Best FLV Playback

    Hi there. I use the NetStream class to play FLV's and on some computers the playback is from slow to crawling speed. I even buffer the whole movie before playing it and still are problems on those computers. This problem is particulary met when playi

  • Dbassist - Character Set Warning

    I finished installing Oracle8i on RedHat Linux 6.0. After installing the 81502 patches when I started dbassist, I got the following warning: JNLSException.ntpg.jnls.JNLSException Unable to find National Character Sets Please check your Oracle Install