Lightbox images not showing when uploaded to my website

Hello
I'm creating a new website for my photography business, and have created three 'gallery' pages which are basically just a lightbox gallery on each page with 20 images in.
I uploaded my first page, gallery1, and the associated images and went to test it and some of the thumbnail images didn't appear. I renamed the images in my 'gallery1 thumbnails' folder (which had originally been the same names as the images in gallery1) by adding 'tb' at the end of each image name and reuploaded them to my host and it resolved the problem. I uploaded gallery2 in the same way and ran into the same problem. I renamed the images again and reuploaded as I had before to fix the problem, but it didn't fix it this time. I changed the names in gallery3 thumbnails first and uploaded them and they uploaded perfectly. I went back to gallery2, and noticed that all the images I was having a problem with had a '_' character in them. I took that out, reuploaded, still not working. I've double checked everything's as it should be, reuploaded everything a couple more times for good measure, and it works on live view and when I open the file on my computer but once they're uploaded to my host it doesn't work. Can anyone shed a bit of light on this for me? Page in question in here: http://www.emmarichards.co.uk/gallery-2.html and code is here:
<!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>Barnsley wedding photographer - Emma Richards Photography</title>
<style type="text/css">
<!--
body {
          font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
          background-color: #FFFFFF;
          margin: 0;
          padding: 0;
          color: #000;
          background-image: url();
          background-repeat: repeat;
          margin-top: 20px;
          margin-bottom: 10px;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
          padding: 0;
          margin: 0;
h1, h2, h3, h4, h5, h6, p {
          margin-top: 0;           /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
          padding-right: 15px;
          padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
          border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
          color:#414958;
          text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
          color: #4E5869;
          text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
          text-decoration: none;
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
          width: 80%;
          max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
          min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
          background-color: #FFF;
          margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
/* ~~the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo~~ */
.header {
          background-color: #FFFFFF;
/* ~~ This is the layout information. ~~
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
.content {
          padding: 10px 0;
          font-size: 90%;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
          padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The footer ~~ */
.footer {
          padding: 10px 0;
          background-color: #FFFFFF;
          font-size: xx-small;
          color: #f08080;
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
          float: right;
          margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
          float: left;
          margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
          clear:both;
          height:0;
          font-size: 1px;
          line-height: 0px;
-->
</style>
<link href="css/lightbox.css" rel="stylesheet" type="text/css" />
<link href="css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/lightbox.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
<style type="text/css">
/* BeginOAWidget_Instance_2127022: #gallery */
                    .lbGallery {
          /*gallery container settings*/
          background-color: #ffffff;
          padding-left: 20px;
          padding-top: 20px;
          padding-right: 20px;
          padding-bottom: 20px;
          width: 100%;
          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: #ffffff;
                              border-left-width: 0px;
                              border-top-width: 0px;
                              border-right-width: 0px;
                              border-bottom-width: 0px;
                              margin-left:5px;
                              margin-right:5px;
                              margin-top:5px;
                              margin-bottom:5px:
                    .lbGallery ul li a:hover img {
                              /*background color on hover*/
                              border-color: #ffffff;
                              border-left-width: 0px;
                              border-top-width: 0px;
                              border-right-width: 0px;
                              border-bottom-width: 0px;
                    #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>
<link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<script type="text/xml">
<!--
<oa:widgets>
  <oa:widget wid="2127022" binding="#gallery" />
  <oa:widget wid="2141544" binding="#MenuBar" />
</oa:widgets>
-->
</script>
<style type="text/css">
/* BeginOAWidget_Instance_2141544: #MenuBar */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
          these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
           These assume the following widget classes for menu layout (set in a preset)
          .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
          .MenuBarVertical - vertical main bar; all submenus are pull-right.
          You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
          They only apply to horizontal menu bars:
                    MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
                    MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
                    MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned. 
                    MenuBarFixedCentered -  - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
                                                            and centered in its parent container.
                    MenuBarFullwidth - Grows to fill its parent container width.
          In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
          with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
          there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar  {
          background-color:#ffffff;
          font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
                                                                                                                        MenuItem, and MenuItemLabel
                                                                                                                        at a given level all use same definition for ems.
                                                                                                                        Note that this means the size is also inherited to child submenus,
                                                                                                                        so use caution in using relative sizes other than
                                                                                                                        100% on submenu fonts. */
          font-weight: normal;
          font-size: 16px;
          font-style: normal;
          padding:0;
          border-color: #ffffff #ffffff #ffffff #ffffff;
          border-width:0px;
          border-style: none none none none;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
          display:none;
.MenuBarLeftShrink {
          float: left; /* shrink to content, as well as float the MenuBar */
          width: auto;
.MenuBarRightShrink {
          float: right; /* shrink to content, as well as float the MenuBar */
          width: auto;
.MenuBarFixedLeft {
          float: left;
          width: 80em;
.MenuBarFixedCentered {
          float: none;
          width: 80em;
          margin-left:auto;
          margin-right:auto;
.MenuBarFixedCentered br {
          clear:both;
          display:block;
.MenuBarFixedCentered .SubMenu br {
          display:none;
.MenuBarFullwidth {
          float: left;
          width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar  .MenuItemContainer {
          padding: 0px 0px 0px 0px;
          margin: 0;           /* Zero out margin  on the item containers. The MenuItem is the active hover area.
                                        For most items, we have to do top or bottom padding or borders only on the MenuItem
                                        or a child so we keep the entire submenu tiled with items.
                                        Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar  .MenuItem {
          padding: 0px 0px 0px 0px;
          background-color:#ffffff;
          border-width:1px;
          border-color: #cccccc #ffffff #cccccc #ffffff;
          border-style: none solid none solid;
#MenuBar  .MenuItemFirst {
          border-style: none none none none;
#MenuBar .MenuItemLast {
          border-style: none solid none none;
#MenuBar  .MenuItem  .MenuItemLabel{
          text-align:center;
          line-height:1.4em;
          color:#333333;
          background-color:#ffffff;
          padding: 0px 0px 0px 0px;
          width: 10em;
          width:auto;
.SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
          width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar .SubMenu  .MenuItem {
          font-family: Arial, Helvetica, sans-serif;
          font-weight: normal;
          font-size: 14px;
          font-style: normal;
          background-color:#ffffff;
          padding:0px 2px 0px 0px;
          border-width:1px;
          border-color: #cccccc #cccccc #cccccc #cccccc;
          /* Border styles are overriden by first and last items */
          border-style: solid solid none solid;
#MenuBar  .SubMenu .MenuItemFirst {
          border-style: solid solid none solid;
#MenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
          padding-top: 6px;
#MenuBar .SubMenu .MenuItemLast {
          border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
          padding-bottom: 6px;
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
          text-align:left;
          line-height:1em;
          background-color:#ffffff;
          color:#333333;
          padding: 6px 12px 6px 5px;
          width: 7em;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
          background-color: #ffffff;
          border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
          background-color: #ffffff; /* consider exposing this prop separately*/
          color: #000000;
#MenuBar .MenuItemHover .MenuItemLabel{
          background-color: #ffffff;
          color: #000000;
#MenuBar .SubMenu .MenuItemHover {
          background-color: #ffffff;
          border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
          background-color: #ffffff;
          color: #333333;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
          background-color: #ffffff;
          min-width:0%;  /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
          border-color: #ffffff #ffffff #ffffff #ffffff;
          border-width:0px;
          border-style: none none none none;
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
          top: 100%;          /* 100% is at the bottom of parent menuItemContainer */
          left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
                                                  and your personal taste.
                                                  0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
                                                  on MenuItemContainer and MenuItem on the parent
                                                  menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
                                                  the dropdown with the left of the menu item label.*/
          z-index:10;
#MenuBar.MenuBarVertical .SubMenuVisible {
          top: 0px;
          left:100%;
          min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
          background-color: #ffffff;
          min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
          top: 0px;          /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
                                        that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
                                        vertically 'centered' on its invoking item */
          left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
                                        negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
                                        to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule.  We follow this with the single-class rule that it would
* mistakenly override, making sure the  misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by  the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
          background-color: #ffffff; /* consider exposing this prop separately*/
          color: #000000;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
          background-color: #ffffff; /* consider exposing this prop separately*/
          color: #333333;
.SpryIsIE6 #MenuBar .SubMenu .SubMenu  /* IE6 selector  */{
          margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* EndOAWidget_Instance_2141544 */
</style>
</head>
<body>
<div class="container">
  <div class="header">
    <div align="center">
      <p><a href="index.html"><img src="Layout/watermark-coral-jpeg-200px.jpg" width="200" height="182" alt="wedding photgraphers barnsley" /></a></p>
      <table width="500" border="0">
        <tr>
          <td><a href="about.html"><img src="Layout/about-c.png" width="145" height="28" alt="wedding photography barnsley" /></a></td>
          <td><a href="weddings.html"><img src="Layout/weddings-c.png" width="145" height="28" alt="wedding photographer barnsley" /></a></td>
          <td><a href="gallery.html"><img src="Layout/gallery-c.png" width="145" height="28" alt="wedding photographers barnsley" /></a></td>
          <td><a href="pricing.html"><img src="Layout/pricing-c.png" width="145" height="28" alt="wedding photography barnsley" /></a></td>
          <td><script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
      widgetID: "MenuBar",
            widgetClass: "MenuBar  MenuBarLeftShrink",
            insertMenuBarBreak: true,
      mainMenuShowDelay: 100,
      mainMenuHideDelay: 200,
      subMenuShowDelay: 200,
      subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
            </script>
            <img src="Layout/engagements-c.png" width="145" height="28" alt="barnsley wedding photographer" />
            <script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
      widgetID: "MenuBar",
            widgetClass: "MenuBar  MenuBarLeftShrink",
            insertMenuBarBreak: true,
      mainMenuShowDelay: 100,
      mainMenuHideDelay: 200,
      subMenuShowDelay: 200,
      subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
              </script></td>
          <td><a href="http://www.emmarichardsphotography.com"><img src="Layout/blog.png" width="145" height="28" alt="wedding photographer barnsley" /></a></td>
          <td><a href="contact.html"><img src="Layout/contact-c.png" width="145" height="28" alt="wedding photography barnsley" /></a></td>
        </tr>
      </table>
      <p> </p>
    </div>
  <!-- end .header --></div>
  <div class="content">
    <div align="center">
      <table width="80%" border="0">
        <tr>
          <td><div id="gallery" class="lbGallery">
            <ul>
              <p><li> <a href="Images/Gallery2/Abbie and Ben 0567.jpg" title=""><img src="Images/Gallery2/Thumbnails/Abbie and Ben 0567tb.jpg" alt="wedding photographers barnsley" /></a> </li>
              <li> <a href="Images/Gallery2/Laura Mal 046.jpg" title=""><img src="Images/Gallery2/Thumbnails/Laura Mal 046tb.jpg" alt="wedding photographer barnsley" /></a> </li>
              <li> <a href="Images/Gallery2/img0056bw.jpg" title=""><img src="Images/Gallery2/Thumbnails/img0056bwtb.jpg" alt="wedding photographers sheffield" /></a> </li>
              <li> <a href="Images/Gallery2/ka319.jpg" title=""><img src="Images/Gallery2/Thumbnails/ka319tb.jpg" alt="wedding photography barnsley" /></a> </li>
             <li> <a href="Images/Gallery2/no crying.jpg" title=""><img src="Images/Gallery2/Thumbnails/no cryingtb.jpg" alt="wedding photographers barnsley" /></a> </li></p>
             <p><li> <a href="Images/Gallery2/img5549.jpg" title=""><img src="Images/Gallery2/Thumbnails/img5549tb.jpg" alt="wedding photographer barnsley" /></a> </li>
              <li> <a href="Images/Gallery2/jr89.jpg" title=""><img src="Images/Gallery2/Thumbnails/jr89tb.jpg" alt="wedding photography barnsley" /></a> </li>
              <li> <a href="Images/Gallery2/img3239.jpg" title=""><img src="Images/Gallery2/Thumbnails/img3239tb.jpg" alt="wedding photographers barnsley" /></a> </li>
              <li> <a href="Images/Gallery2/jr2.jpg" title=""><img src="Images/Gallery2/Thumbnails/jr2tb.jpg" alt="wedding photographers barnsley" /></a> </li>
             <li> <a href="Images/Gallery2/sa711.jpg" title=""><img src="Images/Gallery2/Thumbnails/sa711tb.jpg" alt="" /></a> </li></p>
             <p><li> <a href="Images/Gallery2/JamesRuth0056.jpg" title=""><img src="Images/Gallery2/Thumbnails/JamesRuth0056tb.jpg" alt="wedding photographers barnsley" /></a> </li>
              <li> <a href="Images/Gallery2/mr mrs.jpg" title=""><img src="Images/Gallery2/Thumbnails/mr mrstb.jpg" alt="wedding photography barnsley" /></a></li>
              <li><a href="Images/Gallery2/ka5.jpg" title=""><img src="Images/Gallery2/Thumbnails/ka5tb.jpg" alt="wedding photographer barnsley" /></a></li>
              <li> <a href="Images/Gallery2/run.jpg" title=""><img src="Images/Gallery2/Thumbnails/runtb.jpg" alt="wedding photographers barnsley" /></a> </li>
             <li> <a href="Images/Gallery2/img3440.jpg" title=""><img src="Images/Gallery2/Thumbnails/img3440tb.jpg" alt="wedding photographers barnsley" /></a> </li></p>
             <p><li> <a href="Images/Gallery2/img3307.jpg" title=""><img src="Images/Gallery2/Thumbnails/img3307tb.jpg" alt="wedding photographers barnsley" /></a> </li>
              <li> <a href="Images/Gallery2/centerpiece 2.jpg" title=""><img src="Images/Gallery2/Thumbnails/centerpiece 2tb.jpg" alt="wedding photographer barnsley" /></a> </li>
              <li> <a href="Images/Gallery2/jr102.jpg" title=""><img src="Images/Gallery2/Thumbnails/jr102tb.jpg" alt="wedding photography barnsley" /></a> </li>
              <li> <a href="Images/Gallery2/img0523.jpg" title=""><img src="Images/Gallery2/Thumbnails/img0523tb.jpg" alt="wedding photography barnsley" /></a> </li>
             <li> <a href="Images/Gallery2/hug.jpg" title=""><img src="Images/Gallery2/Thumbnails/hugtb.jpg" alt="wedding photographers barnsley" /></a> </li></p>
            </ul>
          </div>
          <script type="text/javascript">
// BeginOAWidget_Instance_2127022: #gallery
                    $(function(){
                              $('#gallery a').lightBox({
                                        imageLoading:                              'Layout/spin.gif',                    // (string) Path and the name of the loading icon
                                        imageBtnPrev:                              'Layout/prev.jpg',                              // (string) Path and the name of the prev button image
                                        imageBtnNext:                              'Layout/next.jpg',                              // (string) Path and the name of the next button image
                                        imageBtnClose:                              'Layout/close.png',                    // (string) Path and the name of the close btn
                                        imageBlank:                                        'images/lightbox/lightbox-blank.gif',                              // (string) Path and the name of a blank image (one pixel)
                                        fixedNavigation:                    false,                    // (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:                     "#ffffff",                    // (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:                              0,                    // (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><div align="center"> </div></td>
        </tr>
        <tr>
          <td><div align="center">
            <table width="100" border="0">
              <tr>
                <td width="50"><div align="right"><a href="gallery.html"><img src="Layout/prev2.jpg" alt="wedding photographers barnsley" width="63" height="32" /></a></div></td>
                <td width="50"><a href="gallery-3.html"><img src="Layout/next2.jpg" alt="wedding photographers sheffield" width="63" height="32" /></a></td>
                </tr>
            </table>
          </div></td>
        </tr>
      </table>
      <p> </p>
    <!-- end .content --></div>
  </div>
  <div class="footer">
    <p align="right"><strong>07794430229 // [email protected]</strong></p>
    <div align="right">
      <table align="right" cellpadding="0" cellspacing="0">
        <tr>
          <td> </td>
        </tr>
      </table>
      <!-- end .footer -->
    </div>
<div align="right">
      <table align="right" cellpadding="0" cellspacing="0">
        <tr>
          <td> </td>
        </tr>
      </table>
      <!-- end .footer --></div>
  </div>
  <!-- end .container --></div>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-28715127-1']);
  _gaq.push(['_setDomainName', 'emmarichards.co.uk']);
  _gaq.push(['_setAllowLinker', true]);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
</body>
</html>
If someone could help me with my issue I'd be very greatful, it's been stumping me for hours now.
Thank you in advance for any help!!

When I see code errors, I stop trying to trouble shoot  because code errors account for 98% of browser rendering problems.  When you clear up your orphaned tags: mismatched <p></p> and <li></li> tags, then I'll take a closer look.
PS. Being able to work with code is essential to using DW and 3rd party plugins.  Without basic coding skills, you're going to be lost most of the time.
HTML & CSS Tutorials -
http://www.html.net/
http://w3schools.com/
Nancy O.

Similar Messages

  • Pasted lightboxes do not show when uploaded but do on browser preview

    I created the lightbox display on the first page and then as i worked from page to page i would paste the original lightbox to the new page and replace the images and the captions but when i upload the site it doesn't show the lightboxes on the pages that i pasted the lightbox into it is just blank but the headers and footers are ok. The lightbox shows in the browser preview with all the images and captions.
    all the images are there in the assets folder

    Search the knowledge base for NET Red X and try out the solutions there.  If you are using .NET 2005 make sure to focus on the ones for it first.  It is usually either a web.config setting or not having the asp_client folder in the correct place.

  • Images not showing when inserted in RH8 topics

    Hello all,
    I am using RH8 for HTML on Windows 7.  When I insert a new image into a topic, the image does not show.  What appears is a small red square.  
    You probably want to know how I inserted the images.  I create the image (usu a jpg file) in Photoshop Elements.  Using Windows Explorer, I copy the image file into the Images folder for the RH project.  In the RH topic, I click Insert, Image.  In the dialog box,  the image does not show up under the images folder, so I click the Browse icon to browse to teh image, select it and click ok.   The image is inserted.. I can tell because there is a red square, and when I preview the topic, I can see the image is there. 
    Also, even after I have inserted the image, and it then shows up in the Images folder in the "insert image" dialog box, I still cant see a preview of it.
    How can I get the images to show in the topic when i insert them?
    Bob

    When you generate your output, do the images show up there?
    Can there be an issue with upper case / lower case filenames? Any special characters in the file names?

  • Images not loading when I visit a website.  I I get is a blank box with a question mark in it.  How do I fix this?

    Images not loading on my browser in Safari or Google Chrome or Firefox when I visit a website.  How do I fix this?

      Can you run EtreCheck and post the report here please?
      EtreCheck:  https://discussions.apple.com/docs/DOC-6173

  • Bridge CS5 gallery, placed in DW CS5 does not show when uploaded

    My husband has a Halloween haunt. We are gearing up to promote this year's haunt (and our charity of choice this time), and I wanted to update the photos from last year. Admittedly, I am an experienced print designer, wanting to learn more about web design, so not a pro at this by any means.
    I created 3 galleries via the automated Bridge CS5 export (saving each gallery to its own folder within the site folder), then placed each gallery's index file into an iframe div relevant to that year's photogallery (one web page for 2010, one for 2009, one for 2008) so I can keep the site's masthead and a link to go back to the main photos page. Everything works fine when I preview it (local) as well as test on browsers (local). However, when everything is uploaded to the hosting company server, there is a white box for each gallery. I am at a loss. Cannot figure this out, and we're almost into October!
    URL for one of the gallery pages:  http://windyhillhaunt.com/photos2010/10gallery.html
    URL to go in via the main photos page (select either 2010, 2009 or 2008):   http://windyhillhaunt.com/photos.html
    Please help. I want this to work for my husband, but I also want to learn how to do this.
    Thanks in advance.
    Julie Fanning

    I was never able to get it to work. Had all files from the root directory (all resources, images, css, etc) copied onto hosting company. Tried to alter the relative path (Kdn002), etc. Nothing worked other than local testing.
    Finally downloaded jAlbum, used the same div and iFrame structure, and it worked! I may make some tweaks down the road, but it's working fine now.
    http://windyhillhaunt.com/photos.html
    Thanks,
    Julie

  • Web galleries--thumbs and large images not showing after uploading to server

    I have created 2 web galleries--one html and one Flash. I saved them to my local drive and they work perfectly. Then I uploaded to our server (I checked to see that all folders/files made it, and they did) and then when I access the index.html file, neither the thumbnails or the full-size images show. In case it helps to see, here are the two URLs
    FLASH
    http://www.photosafaris.com/SlideshowLogs/PalouseSlideshowFlash/index.html
    HTML
    http://www.photosafaris.com/SlideshowLogs/PalouseSlideshowHTML/index.html
    Anyone have suggestions/ideas?
    Thanks,
    RV

    Sean--that did the trick for HTML galleries...thanks!  I am working on a IIS server, so I presume your fix and the server are related to the problem I was exeperiencing.
    In a Feb 4, 09 reply you posted to someone else, you referenced a link (see below) about making similar file mods to make Flash work, but I couldn't access the link.  Any chance you could repost these mods so I can use Flash galleries on a IIS server as well.
    Did you try my suggestions in the Flash thread?
    http://www.adobeforums.com/webx/.59b76546/3
    Much appreicated,
    Rick

  • Imported Images Not Showing when printed

    We are using SAP Business One and we have created reports and print layouts with pictures using Crystal Reports designer.  After we import the reports and layouts  into Business One, the pictures show up as empty boxes.
    Why won't my pictures show up when running in a run time environment.

    Hi,
    Please check this thread:
    http://scn.sap.com/thread/3152983
    Thanks & Regards,
    Nagarajan

  • Photos in album are only a hash-marked outline the image only shows when scrolling how can I see the image and open the photo?

    Photos in iPhoto album are only a hash-marked outline the image only shows when scrolling how can I see the image and open the photo?

    Make a temporary, backup copy (if you don't already have a backup copy) of the library and apply the two fixes below in order as needed:
    Fix #1
    Launch iPhoto with the Command+Option keys held down and rebuild the library.
    Select the options identified in the screenshot. 
    Fix #2
    Using iPhoto Library Manager  to Rebuild Your iPhoto Library
    Download iPhoto Library Manager and launch.
    Click on the Add Library button, navigate to your Home/Pictures folder and select your iPhoto Library folder.
    Now that the library is listed in the left hand pane of iPLM, click on your library and go to the File ➙ Rebuild Library menu option
    In the next  window name the new library and select the location you want it to be placed.
    Click on the Create button.
    Note: This creates a new library based on the LIbraryData.xml file in the library and will recover Events, Albums, keywords, titles and comments but not books, calendars or slideshows. The original library will be left untouched for further attempts at fixing the problem or in case the rebuilt library is not satisfactory.
    OT

  • Another Images not Showing up thread

    I know there are multiple threads out there about images not showing up on the login page of application express, and I have browsed most of them without success.
    My images folder is in:
    C:\oracle\product\10.1.0\db_1\Apache\Apache\images\
    My dads.conf file has specified:
    Alias /i/ "C:\oracle\product\10.1.0\db_1\Apache\Apache\images\"
    Address of missing image in I.E. is:
    http://<host>:7777/i/htmldb/apex_logo.gif
    When I ran @apexins I specified /i/ for the virtual images directory.
    I am running Oracle Database 10gR2, with Oracle HTTP Server that came with the Oracle Database 10g Companion CD Release 2.
    I am using APEX 3.2.
    When I try to go to
    http://<host>:7777/i/
    I get:
    You don't have permission to access /i/ on this server.
    I also cannot login to APEX. When I type my username/password and click the Login button, it does nothing (nothing loads, nothing changes... nothing happens). I don't know if this is related?
    Thank you,
    ~Tom

    I found the problem -
    In my dads.conf file I had:
    Alias /i/ "C:\oracle\product\10.1.0\db_1\Apache\Apache\images\"
    When I really needed:
    Alias /i/ "C:\oracle\product\10.1.0\db_1\Apache\Apache\images/"
    Note the end slash after images changed from backslash to forward.
    Silly me.

  • Image not showing on task flows in ADF Library

    I have a application which uses carousel showing images from blob column. I am using imageservet to show images in carousel component.
    I deployed this app as ADF Library jar and reference that task flow in other application as region.
    All components are working fine except the images on carousel.
    Any ideas ?

    web.xml
      <servlet-mapping>
        <servlet-name>ImageServlet</servlet-name>
        <url-pattern>/imageservlet</url-pattern>
      </servlet-mapping>
      Carousel
    <af:showDetailItem text="Pictures" id="sdi1"
               stretchChildren="first">
    <af:carousel currentItemKey="#{bindings.AgbGrowerImagesVO1.treeModel.rootCurrencyRowKey}"
              value="#{bindings.AgbGrowerImagesVO1.treeModel}"
              var="item" id="c30"
              partialTriggers="::pc1:t1">
      <f:facet name="nodeStamp">
        <af:carouselItem id="ci1">
          <af:image source="/imageservlet?growerimageid=#{item.bindings.GrowerImageId.inputValue}"
              shortDesc="Image" id="i1"/>
        </af:carouselItem>
      </f:facet>
    </af:carousel>
    </af:showDetailItem>Images are showing when I run the page in its original application. Its not showing when I use it in consumer application as adf library.

  • Images not showing in the jlabel/jbutton

    Hello all,
    I've a package in which my cards directory is located along with all my src files and compiled classes. All my images ****.gif files are inside this directory.
    Then I've following the icon object.
    protected static JLabel lblDeck;The following code is used to get the image.
      String imgPath;
         imgPath = isImageExists("imgBG1.gif");
              if (imgPath == "")
              {     // If the image of Card Deck(imgDeck) is not Found
                   lblDeck = new JLabel();
                   lblDeck.setBackground(new Color(0, 64, 128));
                   lblDeck.setOpaque(true);
                   flagImgDeckFound = false;
              } else {
                   // If the image of Card Deck is Found
                   imgDeck     = new ImageIcon(imgPath);
                   lblDeck = new JLabel(imgDeck);
    // Check if the image exists else return "";
      protected String isImageExists(String imgName) {
              java.net.URL imgURL = getClass().getResource("cards/" + imgName);
             if (imgURL != null)
             {     return (imgURL.toString());     }
             else
                  JOptionPane.showMessageDialog(null, "File not Found: " + imgURL);
                  return "";
         }I'm still unable to get the image in the jlabel!
    When i checked the path, it is exactly returning the path of the file.
    But its neither loading the image into the jlabel nor is it returning "".
    This is just the label part i've other jbuttons also. Even they are not displaying any images.

    aLkeshP wrote:
    can everyone see this thread?
    YES FER-CHRISE-SAKE.
    Just how many times do you intend posting the same identical question?
    images not showing in the jlabel/jbutton
    Problem in imageicon
    iconImage on JButton & JLabel
    Re: images not showing in the jlabel/jbutton

  • Likely bug with external editing (in CS5 not CS6 beta) and edited image not showing back up in LR

    I have come across something strange today that I've not seen before. I'm running LR 4.0 under Win7 64-bit. I usually use Photoshop CS6 beta as my external editor, but invoke CS5 when I have to use some tools that don't support the beta. Here is the scenario:
    * I have CS5 open
    * I externally edit an image in CS5 and Save it from CS5 when I'm done
    * The edited image does not show up in LR
    * I close LR and reopen it
    * There is the edited image!
    I have duplicated this many times this evening. I don't think I've seen it when I've used CS6 beta.

    Something strange is going on because I had the behavior reported of edited image not showing up after using another filter, Nik Silver Efex Pro 2.

  • Crystal Report Images Not Showing - JSP inside /WEB-INF folder

    Hi Experts,
    I am using Crystal report for Eclipse and also using Struts2 and tiles framework combination.
    The problem is when viewing the report all I've got is red X on all images and the graph image also not showing. This is when I use tiles and my jsp is inside the web-inf folder.
    This is my struts link: href="s:url value='/report/reportOpen.action?report=1'
    I've checked that the path to the viewer generated HTML is not correct. see code below.
    src="../../../crystalreportviewers/js/crviewerinclude.js"
    But when I test to access a simple jsp viewer that resides on the web root folder, this works fine but of course this is not what I want to have. I need to have my banner and menus on top of the report page (using tiles)
    This is my jsp link: href="s:url value='/ReportViewer.jsp?report=1'
    Viewer generated HTML below.
    src="crystalreportviewers/js/crviewerinclude.js"
    This might be a common problem and that you can share to me your solution.
    Note: I removed the script tags because I can't submit this entry.
    Thank you  in advance,
    Regards,
    Rulix Batistil
    Crystal Report Images Not Showing - JSP inside /WEB-INF folder

    Hi Saravana,
    After a few experimentation from your idea i was able to figure out the problem and now it is working.
    I don't have to copy the folder to where my jsp resides but still maintains it in the root location:  web/crystalreportviewers
    The changes should always be in web.xml.
    1st: change the crystal_image_uri value to ../crystalreportviewers
    2nd: change crystal_image_use_relative value to "web"
    Change to "web" instead of webapp because that is what I named my web root folder.
    <context-param>
              <param-name>crystal_image_uri</param-name>
              <param-value>../crystalreportviewers</param-value>
         </context-param>
         <context-param>
              <param-name>crystal_image_use_relative</param-name>
              <param-value>web</param-value>
         </context-param>
    Thank you. You showed me the way on how to solve the 3 day problem.
    BTW, my next problem is when clicking on any buttons prev/next/print/export, I got this error HTTP Status 404.
    Well, at least for now I can view my initial report.  I just need to figure out the next issue and with the help of the great people here in the forum.
    Thanks a lot.
    Regards,
    Rulix
    Edited by: Rulix Batistil on Nov 26, 2008 7:27 AM

  • Lightbox images are squareish when the gallery starts

    Lightbox images are squareish when the gallery starts and should be photographic proportions, they are correct in the thumbnails. fit proportionately is on

    I adjusted it on the gallery box itself and they all show correctly now, Should be automatic really. also better editing capabilities of the lightbox would be appreciated its a failry big and useful part of the software

  • 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

  • Unable to install 64-bit Oracle ODBC Instant Client on Windows 2008 R2 machine.

    I am trying to upgrade the Oracle ODBC driver from the 32-bit version currently installed (ODBC Instant Client Release 10.1.0.5.0, April 2006) to a newer 64-bit version but have not been successful.  I have had success at uninstalling and reinstallin

  • Adobe Acrobat reader 3.01

    I have a very old version of acrobat reader. When trying to uninstall I get this error message: Unable to locate the installation log file 'C:\acrobat3\reader\deisL1.isu'. Uninstallation will not continue. I cannot file file referred yo either on my

  • Aperture 3 - Copy/paste metadata to external database

    Hi all, I'm trying to create an external database of the lat., lon, direction, date and other metadata for ~1000 photos. I can see see the metadata alongside the image in browser mode or have it appear at the bottom of the image in full-screen view.

  • Teststand

    I'm using Labview to program pxi-2569 switch module to be integrated into Teststand sequence. In one step of the Teststand sequence, I want to close a couple of relays to route voltage signal to DMM. At the next sequence step, I will measure voltages

  • Error Unknown Property: '-1'.

    Hi All, I'm adding a row in my datagrid and I'm getting this error Error: Unknown Property: '-1'. override flash_proxy function getProperty(name:*):* if (name is QName) name = name.localName; //else name is String var index:int = -1; try //if they pa