Adobe lightbox widget background bug

hi,
when i change the background of the f widget, everythin is fine,  the image show up, but when i click somewhere else the background return to gray until i click on it again, in the preview it doesn't show the image i put, but the gray background, its getting really anoying
thank you

When changing the background for the Slideshow widget's thumbnail, please keep an eye on the States panel on the right. Make sure the Normal (First) state is selected before you go ahead with changing the background or any style. If the Active(Normal) state is selected, then the background would only show when the thumbnail is selected and is the active item. Refer screenshot below:

Similar Messages

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

  • Problem with Alt Text output from thumbnail image of Lightbox widget

    I’m having a problem with the Lightbox widget not producing alternative text based on the image properties.  I’ve set ALT text for the image properties on both the larger Ligtbox image as well as the thumbnail.  But the HTML output from Muse does not include the ALT text on the thumbnail version of the image.  Here’s an example:
        <div class="popup_anchor">
           <div class="Thumb popup_element clearfix" id="u4409"><!-- group -->
            <a class="anchor_item grpelem" id="untitled"></a>
            <div class="grpelem" id="u4433"><!-- image -->
             <img id="u4433_img" src="/images/n0060292x292.jpg" alt="" width="292" height="292" />
    This may be a problem that came in a previous release of Muse.  I have a few older examples where ALT text is produced, but it’s no longer updated if I update the Image Properties.

    I'm seeing the same problem. Looks like a bug to me. Any ideas as to how we can get this on Adobe's bug fix list?

  • I am trying to add lightbox widget to my site but its not working NEED HELP

    i can create the light box widget as a new page but when i paste the codes into the actual site it will not work and the images will not enlarge
    what or where did i go wrong.  This is all the codes for the site including the lightbox widget. i can use all the help i can get even if some one or anyone
    can show me the corrections i need to fix that would be great i am using dreamweaver cs6 incase you need to know...
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <title>MachoMan Madness</title>
    <map name="11_1x1">
    <area shape="rect" coords="474,138,578,150" href="http://macho-madness.net" alt="">
    <area shape="rect" coords="606,136,712,150" href="mailto:[email protected]" alt="">
    <area shape="rect" coords="737,136,835,152" href="http://daxstudios.net" alt="">
    </map>
    <style type="text/css">
    <!--
    .index{
              margin:0px;
              padding:0px;
              border:0px;
              background-image:url(back.jpg);
              background-repeat:repeat-x;
              background-color: #f5f5f5;
    h1{
              margin:0px;
              padding:15px;
              background-color:#222;
              font-family: Verdana, Geneva, sans-serif;
              font-size: 20px;
              line-height: 25px;
              color: #c8c8c8;
              letter-spacing:-1px;
    h2{
              margin:0px;
              padding:10px;
              background-color:#333;
              font-family: Verdana, Geneva, sans-serif;
              font-size: 14px;
              line-height: 15px;
              color: #c8c8c8;
              letter-spacing:-1px;
    p {
              padding:3px;
              padding-top:0px;
              font-family: Verdana, Geneva, sans-serif;
              font-size: 13px;
              line-height: 20px;
              color: #777;
              text-align:justify;
    b, strong {color: #7fa0af;}
    em {color: #555;}
    u {color: #555;}
    a:link, a:visited, a:active {text-decoration:none;color: #ada295;}
    a:hover {text-decoration:none;color:#c8c8c8;}
    -->
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Lightbox Gallery : grey</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">
    .lbGallery {
                                  /*gallery container settings*/
                                  background-color: #666666;
                                  padding-left: 20px; 
                                  padding-top: 20px; 
                                  padding-right: 20px; 
                                  padding-bottom: 20px; 
                                  width: 540px;
                                  height: auto;
                                  text-align:left;
                                  box-shadow: 10px 10px 10px black;
                                  border-radius: 20px;
                                  margin-left:auto;
                                  margin-right:auto;
                        .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: 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: #cccccc;
                                  border-left-width: 10px;
                                  border-top-width: 10px;
                                  border-right-width: 10px;
                                  border-bottom-width: 20px;
                        #lightbox-container-image-box {
                                  border-top: 2px solid #ffffff;
                                  border-right: 2px solid #ffffff;
                                  border-bottom: 2px solid #ffffff;
                                  border-left: 2px solid #ffffff;
                        #lightbox-container-image-data-box {
                                  border-top: 0px;
                                  border-right: 2px solid #ffffff;
                                  border-bottom: 2px solid #ffffff;
                                  border-left: 2px solid #ffffff;
    </style>
    </head>
    <body class="index">
    <!-- Begin Table -->
    <table border="0" cellpadding="0" cellspacing="0" width="909" align="center">
    <tr>
    <td rowspan="1" colspan="3" width="909" height="166">
              <img name="a10" src="11_1x1.jpg" usemap="#11_1x1"  width="909" height="166" border="0" alt="" /></td>
    </tr>
    <tr>
    <td rowspan="1" colspan="1" width="54" height="320">
              <img name="a11" src="11_2x1.jpg" width="54" height="320" border="0" alt="" /></td>
    <td rowspan="1" colspan="1" width="796" height="320" background="11_2x2.jpg">
              <link rel="stylesheet" type="text/css" href="slides/style.css" />
              <style type="text/css">a#vlb{display:none}</style>
              <script type="text/javascript" src="slides/jquery.js"></script>
              <script type="text/javascript" src="slides/slider.js"></script>
              <div id="wowslider-container1">
              <div class="ws_images">
    <span><img src="slides/9.jpg" alt="" title="" id="wows0"/></span>
    <span><img src="slides/2.jpg" alt="" title="" id="wows1"/></span>
    <span><img src="slides/3.jpg" alt="" title="" id="wows2"/></span>
    <span><img src="slides/4.jpg" alt="" title="" id="wows3"/></span>
    <span><img src="slides/5.jpg" alt="" title="" id="wows4"/></span>
    <span><img src="slides/6.jpg" alt="" title="" id="wows5"/></span>
    <span><img src="slides/7.jpg" alt="" title="" id="wows6"/></span>
    <span><img src="slides/8.jpg" alt="" title="" id="wows7"/></span>
    <span><img src="slides/1.jpg" alt="" title="" id="wows8"/></span>
    </div>
    <div class="ws_bullets"><div>
    <a href="#wows0" title="">1</a>
    <a href="#wows1" title="">2</a>
    <a href="#wows2" title="">3</a>
    <a href="#wows3" title="">4</a>
    <a href="#wows4" title="">5</a>
    <a href="#wows5" title="">6</a>
    <a href="#wows6" title="">7</a>
    <a href="#wows7" title="">8</a>
    <a href="#wows8" title="">9</a>
    </div></div></div></div>
              <script type="text/javascript" src="slides/script.js"></script></td>
    <td rowspan="1" colspan="1" width="59" height="320">
              <img name="a13" src="11_2x3.jpg" width="59" height="320" border="0" alt="" /></td>
    </tr>
    <tr>
    <td rowspan="1" colspan="3" width="909" height="63">
              <img name="a14" src="11_3x1.jpg" width="909" height="63" border="0" alt="" /></td>
    </tr>
    </table>
    <!-- End Table -->
    <table width="840" border="0" cellspacing="0" cellpadding="0" align="center">
      <tr>
       <td class="mainlink">
    <center>
    <!--drop down menu start HTML-->
    <link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" />
    <link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" />
    <link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" />
    <script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js"></script>
    <div id="ddtopmenubar" class="mattblackmenu">
    <ul>
    <li><a target=main href="index.html">Home</a></li>
    <li><a target=main href="#" rel="ddsubmenu2">Biography</a></li>
    <li><a target=main href="#" rel="ddsubmenu3">To Be Lead</a></li>
    <li><a target=main href="#" rel="ddsubmenu4">Gallery</a></li>
    <li><a target=main href="#">Videos</a></li>
    <li><a target=main href="#">Memorial Page</a></li>
    <li><a target=main href="#">Wallpaper</a></li>
    <li><a target=main href="#">Shop</a></li>
    <li><a target=main href="#">Blog</a></li>
    <li><a target=main href="#">Join Us</a></li>
    <li><a target=main href="#">Contact</a></li>
    </ul>
    </div>
    <script type="text/javascript">
    ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
    </script>
    <!--Biography HTML-->
    <ul id="ddsubmenu2" class="ddsubmenustyle">
    <li><a target=main href="randy savage bio.html">Randy Savage Bio</a></li>
    <li><a target=main href="Randy facts 101.html">Randy's Facts 101</a></li>
    <li><a target=main href="his early career.html">His Early Career</a></li>
    <li><a target=main href="Randys career in wwf.html">Randy's Career in the WWF</a></li>
    <li><a target=main href="randys career wcw.html">Randy's Career in WCW</a></li>
    <li><a target=main href="#">The Mega Powers </a>
      <ul>
      <li><a target=main href="mega powers bio.html">Mega powers Bio</a></li>
      <li><a target=main href="mega powers facts 101.html">Mega Powers Facts 101</a></li>
      </ul>
    </li>
    <li><a target=main href="pm from randy.html">PM to fans & Elizabeth</a></li>
    <li><a target=main href="#">Randy's Radio interview</a></li>
    <li><a target=main href="#">His Death</a></li>
    </ul>
    <!--To be Lead HTML-->
    <ul id="ddsubmenu3" class="ddsubmenustyle">
    <li><a target=main href="#">Elizabeth Hulette</a>
      <ul>
      <li><a target=main href="#">Elizabeth Bio</a></li>
      <li><a target=main href="#">Elizabeth Facts 101</a></li>
      <li><a target=main href="#">Her Career in the WWF</a></li>
      <li><a target=main href="#">Her Career in WCW</a></li>
      <li><a target=main href="#">Later Life</a></li>
      <li><a target=main href="#">Farewell to a Princess</a></li>
      <li><a target=main href="#">Elizabeth's Radio Interview</a></li>
      <li><a target=main href="#">Elizabeth Death</a></li>
      </ul>
    </li>
    <li><a target=main href="#">Sherri Martel</a></li>
    <li><a target=main href="#">Gorgeous George</a></li>
    <li><a target=main href="#">Team Madness</a></li>
    </ul>
    <!--Photo Gallery HTML-->
    <ul id="ddsubmenu4" class="ddsubmenustyle">
    <li><a target=main href="#">Early Years</a></li>
    <li><a target=main href="#">ICW Gallery</a></li>
    <li><a target=main href="#">WWF Gallery</a></li>
    <li><a target=main href="#">WCW Gallery</a></li>
    <li><a target=main href="#">NWO Gallery</a></li>
    </ul>
    <!--drop down menu end HTML-->
    </center>
    </td>
      </tr>
    </table>
    <br><Br>
    <table width="840" border="0" cellspacing="0" cellpadding="0" align="center">
      <tr>
        <td>
        <!-- Start Page Content-->
        <h1>Early Years Gallery</h1>
    <div id="gallery" class="lbGallery">
                                  <ul>
                                            <li>
                                                      <a href="images/images (11).jpg" title=""><img src="images/images (11)_thumb.jpg" width="72" height="72" alt="Flower" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/images (16).jpg" title=""><img src="images/images (16)_thumb.jpg" width="72" height="72" alt="Tree" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/images (17).jpg" title=""><img src="images/images (17)_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/images (18).jpg" title=""><img src="images/images (18)_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/images (19).jpg" title=""><img src="images/images (19)_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                    <li>
                                                      <a href="images/images (20).jpg" title=""><img src="images/images (20)_thumb.jpg" width="72" height="72" alt="Flower" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/images (22).jpg" title=""><img src="images/images (22)_thumb.jpg" width="72" height="72" alt="Tree" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/images (23).jpg" title=""><img src="images/images (23)_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/images (25).jpg" title=""><img src="images/images (25)_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/images (27).jpg" title=""><img src="images/images (27)_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                    <li>
                                                      <a href="images/images (29).jpg" title=""><img src="images/images (29)_thumb.jpg" width="72" height="72" alt="Flower" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/images (30).jpg" title=""><img src="images/images (30)_thumb.jpg" width="72" height="72" alt="Tree" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/images (31).jpg" title=""><img src="images/images (31)_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/images (32).jpg" title=""><img src="images/images (32)_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/images.jpg" title=""><img src="images/images_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                    <li>
      </ul>
                </div>
    <script type="text/javascript">
    $(function(){
                                  $('#gallery a').lightBox({
                                            imageLoading:                              'images/lightbox/lightbox-ico-loading.gif',                    // (string) Path and the name of the loading icon
                                            imageBtnPrev:                              'images/lightbox/lightbox-btn-prev.gif',                              // (string) Path and the name of the prev button image
                                            imageBtnNext:                              'images/lightbox/lightbox-btn-next.gif',                              // (string) Path and the name of the next button image
                                            imageBtnClose:                              'images/lightbox/lightbox-btn-close.gif',                    // (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:                    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:                     "#cccccc",                    // (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'
    </script>
        <div align="left"></div>
    </p>
        <!-- End Page Content-->
        </td>
      </tr>
    </table>
    <br><br><bR>
    <div style="background-color:#222;width:100%;"><bR>
    <table width="870" border="0" cellspacing="10" cellpadding="0" align="center">
      <tr>
       <td width="35%" valign="top">
    <h2>Site Disclaimer</h2>
    <p><strong>Macho-madness</strong> is in no way in contact with World Wrestling Entertainment. All photos are copyright to World Wrestling Entertainment or their respective owners and is being used under the fair copyright of Law 107.</p>
    <p><font color="#000000">©macho-madness.net All right's Reserved.</font> </p>
       </div></td>
        <td width="35%" valign="top">
    <h2>Offical Links</h2>
    <div align="center">
      <table width="269" border="0">
        <tr>
          <td width="94"><div align="center"><a href="https://www.facebook.com/TheMadnessWillNeverBeForgotten"><img src="fb logo.jpg" width="94" height="87" alt="fb logo" longdesc="http://www.macho-madness.net" /></a></div></td>
          <td width="76"><div align="center"><a href="https://twitter.com/machomadnessnet"><img src="twitter logo.jpg" width="76" height="91" alt="twitter logo" longdesc="http://www.macho-madness.net" /></a></div></td>
          <td width="85"><div align="center"><a href="http://pinterest.com/machomadness/"><img src="pinterest logo.jpg" width="79" height="87" alt="pin logo" longdesc="http://www.macho-madness.net" /></a></div></td>
          </tr>
        <tr>
          <td><div align="center"><a href="https://vimeo.com/user13202435"><img src="vimeo.jpg" width="98" height="90" alt="vimeo" longdesc="http://www.macho-madness.net" /></a></div></td>
          <td><div align="center"><a href="http://www.youtube.com/user/mich0679"><img src="youtube logo.jpg" width="83" height="95" alt="youtube logo" longdesc="http://www.macho-madness.net" /></a></div></td>
          <td><div align="center"></div></td>
          </tr>
      </table>
    </div>
    </div></td><td width="29%" valign="top">
    <h2>About Us</h2>
    <p>Macho-madness.net is the  place for all things Randy Savage and is dedicated to the &quot;Memories of Randy Savage.&quot;  We hope you'll take some time to look around and relive some classic moment's from Randy's long time career, and Enjoy!</p>
    </td></tr></table></div>
    </body>
    </html>

    i have done all repairs you have adviced but there are still 32 errors and 3 warnings.
    <!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>
    <title>MachoMan Madness</title>
    </head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <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">
    .lbGallery {
                                  /*gallery container settings*/
                                  background-color: #666666;
                                  padding-left: 20px; 
                                  padding-top: 20px; 
                                  padding-right: 20px; 
                                  padding-bottom: 20px; 
                                  width: 540px;
                                  height: auto;
                                  text-align:left;
                                  box-shadow: 10px 10px 10px black;
                                  border-radius: 20px;
                                  margin-left:auto;
                                  margin-right:auto;
                        .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: 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: #cccccc;
                                  border-left-width: 10px;
                                  border-top-width: 10px;
                                  border-right-width: 10px;
                                  border-bottom-width: 20px;
                        #lightbox-container-image-box {
                                  border-top: 2px solid #ffffff;
                                  border-right: 2px solid #ffffff;
                                  border-bottom: 2px solid #ffffff;
                                  border-left: 2px solid #ffffff;
                        #lightbox-container-image-data-box {
                                  border-top: 0px;
                                  border-right: 2px solid #ffffff;
                                  border-bottom: 2px solid #ffffff;
                                  border-left: 2px solid #ffffff;
    </style>
    <style type="text/css">
    <!--
    .index{
              margin:0px;
              padding:0px;
              border:0px;
              background-image:url(back.jpg);
              background-repeat:repeat-x;
              background-color: #f5f5f5;
    h1{
              margin:0px;
              padding:15px;
              background-color:#222;
              font-family: Verdana, Geneva, sans-serif;
              font-size: 20px;
              line-height: 25px;
              color: #c8c8c8;
              letter-spacing:-1px;
    h2{
              margin:0px;
              padding:10px;
              background-color:#333;
              font-family: Verdana, Geneva, sans-serif;
              font-size: 14px;
              line-height: 15px;
              color: #c8c8c8;
              letter-spacing:-1px;
    p {
              padding:3px;
              padding-top:0px;
              font-family: Verdana, Geneva, sans-serif;
              font-size: 13px;
              line-height: 20px;
              color: #777;
              text-align:justify;
    b, strong {color: #7fa0af;}
    em {color: #555;}
    u {color: #555;}
    a:link, a:visited, a:active {text-decoration:none;color: #ada295;}
    a:hover {text-decoration:none;color:#c8c8c8;}
    -->
    </style></head>
    <body class="index">
    <!-- Begin Table -->
    <table border="0" cellpadding="0" cellspacing="0" width="909" align="center">
    <tr>
    <td rowspan="1" colspan="3" width="909" height="166">
              <img name="a10" src="11_1x1.jpg" usemap="#11_1x1"  width="909" height="166" border="0" alt="" /></td>
    </tr>
    <tr>
    <td rowspan="1" colspan="1" width="54" height="320">
              <img name="a11" src="11_2x1.jpg" width="54" height="320" border="0" alt="" /></td>
    <td rowspan="1" colspan="1" width="796" height="320" background="11_2x2.jpg">
              <link rel="stylesheet" type="text/css" href="slides/style.css" />
              <style type="text/css">a#vlb{display:none}</style>
              <script type="text/javascript" src="slides/jquery.js"></script>
              <script type="text/javascript" src="slides/slider.js"></script>
              <div id="wowslider-container1">
              <div class="ws_images">
    <span><img src="slides/9.jpg" alt="" title="" id="wows0"/></span>
    <span><img src="slides/2.jpg" alt="" title="" id="wows1"/></span>
    <span><img src="slides/3.jpg" alt="" title="" id="wows2"/></span>
    <span><img src="slides/4.jpg" alt="" title="" id="wows3"/></span>
    <span><img src="slides/5.jpg" alt="" title="" id="wows4"/></span>
    <span><img src="slides/6.jpg" alt="" title="" id="wows5"/></span>
    <span><img src="slides/7.jpg" alt="" title="" id="wows6"/></span>
    <span><img src="slides/8.jpg" alt="" title="" id="wows7"/></span>
    <span><img src="slides/1.jpg" alt="" title="" id="wows8"/></span>
    </div>
    <div class="ws_bullets"><div>
    <a href="#wows0" title="">1</a>
    <a href="#wows1" title="">2</a>
    <a href="#wows2" title="">3</a>
    <a href="#wows3" title="">4</a>
    <a href="#wows4" title="">5</a>
    <a href="#wows5" title="">6</a>
    <a href="#wows6" title="">7</a>
    <a href="#wows7" title="">8</a>
    <a href="#wows8" title="">9</a>
    </div></div></div></div>
              <script type="text/javascript" src="slides/script.js"></script></td>
    <td rowspan="1" colspan="1" width="59" height="320">
              <img name="a13" src="11_2x3.jpg" width="59" height="320" border="0" alt="" /></td>
    </tr>
    <tr>
    <td rowspan="1" colspan="3" width="909" height="63">
              <img name="a14" src="11_3x1.jpg" width="909" height="63" border="0" alt="" /></td>
    </tr>
    </table>
    <!-- End Table -->
    <table width="840" border="0" cellspacing="0" cellpadding="0" align="center">
      <tr>
       <td class="mainlink">
    <center>
    <!--drop down menu start HTML-->
    <link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" />
    <link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" />
    <link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" />
    <script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js"></script>
    <div id="ddtopmenubar" class="mattblackmenu">
    <ul>
    <li><a target="main" href="index.html">Home</a></li>
    <li><a target="main" href="#" rel="ddsubmenu2">Biography</a></li>
    <li><a target="main" href="#" rel="ddsubmenu3">To Be Lead</a></li>
    <li><a target="main" href="#" rel="ddsubmenu4">Gallery</a></li>
    <li><a target="main" href="#">Videos</a></li>
    <li><a target="main" href="#">Memorial Page</a></li>
    <li><a target="main" href="#">Wallpaper</a></li>
    <li><a target="main" href="#">Blog</a></li>
    <li><a target="main" href="#">Join Us</a></li>
    <li><a target="main" href="#">Contact</a></li>
    </ul>
    </div>
    <script type="text/javascript">
    ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
    </script>
    <!--Biography HTML-->
    <ul id="ddsubmenu2" class="ddsubmenustyle">
    <li><a target="main" href="randy savage bio.html">Randy Savage Bio</a></li>
    <li><a target="main" href="Randy facts 101.html">Randy's Facts 101</a></li>
    <li><a target="main" href="his early career.html">His Early Career</a></li>
    <li><a target="main" href="Randys career in wwf.html">Randy's Career in the WWF</a></li>
    <li><a target="main" href="randys career wcw.html">Randy's Career in WCW</a></li>
    <li><a target="main" href="#">The Mega Powers </a>
      <ul>
      <li><a target="main" href="mega powers bio.html">Mega powers Bio</a></li>
      <li><a target="main" href="mega powers facts 101.html">Mega Powers Facts 101</a></li>
      </ul>
    </li>
    <li><a target="main" href="pm from randy.html">PM to fans & Elizabeth</a></li>
    <li><a target="main" href="#">Randy's Radio interview</a></li>
    <li><a target="main" href="#">His Death</a></li>
    </ul>
    <!--To be Lead HTML-->
    <ul id="ddsubmenu3" class="ddsubmenustyle">
    <li><a target="main" href="#">Elizabeth Hulette</a>
      <ul>
      <li><a target="main" href="#">Elizabeth Bio</a></li>
      <li><a target="main" href="#">Elizabeth Facts 101</a></li>
      <li><a target="main" href="#">Her Career in the WWF</a></li>
      <li><a target="main" href="#">Her Career in WCW</a></li>
      <li><a target="main" href="#">Later Life</a></li>
      <li><a target="main" href="#">Farewell to a Princess</a></li>
      <li><a target="main" href="#">Elizabeth's Radio Interview</a></li>
      <li><a target="main" href="#">Elizabeth Death</a></li>
      </ul>
    </li>
    <li><a target="main" href="#">Sherri Martel</a></li>
    <li><a target="main" href="#">Gorgeous George</a></li>
    <li><a target="main" href="#">Team Madness</a></li>
    </ul>
    <!--Photo Gallery HTML-->
    <ul id="ddsubmenu4" class="ddsubmenustyle">
    <li><a target="main" href="#">Early Years</a></li>
    <li><a target="main" href="#">ICW Gallery</a></li>
    <li><a target="main" href="#">WWF Gallery</a></li>
    <li><a target="main" href="#">WCW Gallery</a></li>
    <li><a target="main" href="#">NWO Gallery</a></li>
    </ul>
    <!--drop down menu end HTML-->
    </center>
    </td>
      </tr>
    </table>
    <br/><br/>
    <table width="840" border="0" cellspacing="0" cellpadding="0" align="center">
      <tr>
        <td>
        <!-- Start Page Content-->
    </head>
    <body>
        <map name="11_1x1" id="logo_11_1x1">
    <area shape="rect" coords="474,138,578,150" href="http://macho-madness.net" alt=""/>
    <area shape="rect" coords="606,136,712,150" href="mailto:[email protected]" alt=""/>
    <area shape="rect" coords="737,136,835,152" href="http://daxstudios.net" alt=""/>
    </map>
        <h1>Early Years Gallery</h1>
    <div id="gallery" class="lbGallery">
                                  <ul>
                                            <li>
                                                      <a href="images/11.jpg" title=""><img src="images/11_thumb.jpg" width="72" height="72" alt="Flower" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/16.jpg" title=""><img src="images/16_thumb.jpg" width="72" height="72" alt="Tree" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/17.jpg" title=""><img src="images/17_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/18.jpg" title=""><img src="images/18_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/19.jpg" title=""><img src="images/19_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                    <li>
                                                      <a href="images/20.jpg" title=""><img src="images/20_thumb.jpg" width="72" height="72" alt="Flower" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/22.jpg" title=""><img src="images/22_thumb.jpg" width="72" height="72" alt="Tree" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/23.jpg" title=""><img src="images/23_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/25.jpg" title=""><img src="images/25_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/27.jpg" title=""><img src="images/27_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                    <li>
                                                      <a href="images/29.jpg" title=""><img src="images/29_thumb.jpg" width="72" height="72" alt="Flower" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/30.jpg" title=""><img src="images/30_thumb.jpg" width="72" height="72" alt="Tree" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/31.jpg" title=""><img src="images/31_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/32.jpg" title=""><img src="images/32_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                                            <li>
                                                      <a href="images/images.jpg" title=""><img src="images/images_thumb.jpg" width="72" height="72" alt="" /></a>
                                            </li>
                    <li>
      </ul>
    </div>
    <script type="text/javascript">
    $(function(){
                                  $('#gallery a').lightBox({
                                            imageLoading:                              'images/lightbox/lightbox-ico-loading.gif',                    // (string) Path and the name of the loading icon
                                            imageBtnPrev:                              'images/lightbox/lightbox-btn-prev.gif',                              // (string) Path and the name of the prev button image
                                            imageBtnNext:                              'images/lightbox/lightbox-btn-next.gif',                              // (string) Path and the name of the next button image
                                            imageBtnClose:                              'images/lightbox/lightbox-btn-close.gif',                    // (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:                    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:                     "#cccccc",                    // (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'
    </script>
        <div align="left"></div>
    </p>
        <!-- End Page Content-->
        </td>
      </tr>
    </table>
    <br/><br/><br/>
    <div style="background-color:#222;width:100%;"><br/>
    <table width="870" border="0" cellspacing="10" cellpadding="0" align="center">
      <tr>
       <td width="35%" valign="top">
    <h2>Site Disclaimer</h2>
    <p><strong>Macho-madness</strong> is in no way in contact with World Wrestling Entertainment. All photos are copyright to World Wrestling Entertainment or their respective owners and is being used under the fair copyright of Law 107.</p>
    <p><font color="#000000">&copy;macho-madness.net All right's Reserved.</font> </p>
       </div></td>
        <td width="35%" valign="top">
    <h2>Offical Links</h2>
    <div align="center">
      <table width="269" border="0">
        <tr>
          <td width="94"><div align="center"><a href="https://www.facebook.com/TheMadnessWillNeverBeForgotten"><img src="fb logo.jpg" width="94" height="87" alt="fb logo" longdesc="http://www.macho-madness.net" /></a></div></td>
          <td width="76"><div align="center"><a href="https://twitter.com/machomadnessnet"><img src="twitter logo.jpg" width="76" height="91" alt="twitter logo" longdesc="http://www.macho-madness.net" /></a></div></td>
          <td width="85"><div align="center"><a href="http://pinterest.com/machomadness/"><img src="pinterest logo.jpg" width="79" height="87" alt="pin logo" longdesc="http://www.macho-madness.net" /></a></div></td>
          </tr>
        <tr>
          <td><div align="center"><a href="https://vimeo.com/user13202435"><img src="vimeo.jpg" width="98" height="90" alt="vimeo" longdesc="http://www.macho-madness.net" /></a></div></td>
          <td><div align="center"><a href="http://www.youtube.com/user/mich0679"><img src="youtube logo.jpg" width="83" height="95" alt="youtube logo" longdesc="http://www.macho-madness.net" /></a></div></td>
          <td><div align="center"></div></td>
          </tr>
      </table>
    </div>
    </div></td><td width="29%" valign="top">
    <h2>About Us</h2>
    <p>Macho-madness.net is the  place for all things Randy Savage and is dedicated to the &quot;Memories of Randy Savage.&quot;  We hope you'll take some time to look around and relive some classic moment's from Randy's long time career, and Enjoy!</p>
    </td></tr></table></div>
    </body>
    </html>

  • Spry menu error in EI Disappearing List Background Bug

    I wanted to be able to update the menu once so I made the menu as a library item. At first the menu kept dissapearing in EI, somehow I fixed it so it actually does show up properly now but Dreamweaver is still showing the error " Disappearing List Background Bug in EI" all in the opening of the  <ul> . And now I have also noticed that there is an issue with the first menu, when rolling over the "company tab" it drops down the sub-menu and let you click on "about" it goes to the page but from there when you roll over the menu's they dont change color and they dont show the sub-menu. This work fine if I go to any other menu on that bar exept for the first one. I dont know what to do, and apreciate any help!
    Here is website:
    http://phantazia.ca/
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 14px;
        cursor: default;
        width: auto;
        font-family: Arial, Helvetica, sans-serif;
        z-index: 10;
        background-color: #424242;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
        z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 8em;
        float: left;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        z-index: 20;
        cursor: default;
        width: 13em;
        position: absolute;
        left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
        left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
        width: 13em;
        background-color: #424242;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #FFF;
        color: #FFF;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
        position: absolute;
        margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
        left: auto;
        top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: #666;
        border-bottom-color: #666;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
        display: block;
        cursor: pointer;
        padding: 0.5em 0.75em;
        color: #FFF;
        text-decoration: none;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
        background-color: #424242;
        color: #FFF;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
        background-color: #0689C4;
        color: #FFF;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
        background-image: url(SpryMenuBarDown.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
        background-image: url(SpryMenuBarRight.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
        background-image: url(SpryMenuBarDownHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
        background-image: url(SpryMenuBarRightHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
        position: absolute;
        z-index: 1010;
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
        ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background-color: #424242;

    The reason the menu does not work in the about page is because there is no link to SpryMenuBar.js on the page.
    The following shows the first few lines of your document for index.html
    <!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= href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>B SHARP SYSTEMS | Company</title>
    <link href="layout.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    and the following for about.html
    <!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= href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>B SHARP SYSTEMS | Provider of highly scalable technology solutions located in California, USA</title>
    <link href="layout.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    body {
    background-image: url();
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #e9e7e8;
    -->
    </style>
    <style type="text/css">
    <!--
    body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    -->
    </style>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    Gramps

  • Problem inserting ANY content into Lightbox Widget

    I'm trying out Muse. So far, generally impressed EXCEPT for Lightbox widget.
    I'm following the Adobe Muse Training - Building your first website in order to see how the program works.
    So far, I have spent over 3 hours trying to insert video into the widget and am about to give up.
    With Widget inserted and trigger defined, I click the widget, "Widget" appears in the Selection Indicator. I click again, "Container" appears. I click again "Container" appears again and inner container shows blue selection lines.
    Now, whether I go to Object > Paste HTML or just right click and paste inside the selected container, the result is the same - the video is pasted on the page itself, NOT in the container.
    I have read, re-read, re-did, started from scratch, restarted my computer and I'm going crazy. There should be no reason why it does not work.
    It should be like selecting a div tag in Dreamweaver to select the entire tag or element and place inside.
    Any ideas? Help!
    M
    As an additional oddity, I WAS ultimately able to insert the video file into the lightbox, but only after the video appeared (maddeningly) on the page. Then I dragged the video image into the inner container. THEN it worked. But why I have no idea.
    Lightbox widget needs some SERIOUS fixing.

    Content can either be created inside the lightbox widget container or it can be added to it.
    When creating new content like a rectangle or textframe, it should begin somewhere within the boundaries of the container.
    When adding/placing content it can either be dragged into the container or pasted into it. When pasting, make sure that the correct container is selected.
    Content added using "Insert HTML" is added to the page first. You can then either drag it into the container or cut it, select container and paste it there.
    You can submit a feature request at http://forums.adobe.com/community/muse/ideas for the "Insert HTML" content to be added directly to container - when the container is selected at the time of pasting/adding HTML content.
    Thanks,
    Vikas

  • How to add a video to a lightbox widget

    Hello!
    How do you put a video in the muse lightbox widget?

    You can drop a video player widget right into the target area of the composition.  Or better yet, you can use a dedicated video gallery if you're looking to use lightbox displays for video thumbnails.  Something like these:
    YouTube Gallery:
    http://widgets-musethemes.businesscatalyst.com/tb023.html
    Vimeo Gallery:
    Adobe Muse Vimeo  Video Gallery Widget | MuseThemes.com
    Hope that helps!

  • Dreamweaver Lightbox Widget

    Lightbox gallery works in browser, but not online.  Images are displayed, but javascript is not working.  Any suggestions for troubleshooting?  http://www.vanessa-lynn.com/paintings.html

    Copy & paste this code into a new, blank document.  Save and preview in browsers.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Fancybox2 Demo</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>
    <!--your styles-->
    <link href="threeColLiqCtrHdr.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div class="container">
    <div class="header">
    <a href="index.html" title="home" id="Insert_logo">
    <img src="images/logo-small.jpg" alt="" name="Insert_logo" width="90" height="39" style="background: #8090AB; display:block;" />
    </a>
    <!-- end .header -->
    </div>
    <div class="content">
    <h2>paintings</h2>
    <ul id="gallery">
    <li> <a class="fancybox" rel="group" href="images/untitled-1.jpg" title="untitled">
    <img src="images/thumbnail-1.jpg" width="200" height="129" alt="" />
    </a> </li>
    <li> <a class="fancybox" rel="group" href="images/untitled-2.jpg" title="untitled">
    <img src="images/thumbnail-2.jpg" width="200" height="129" alt="" />
    </a> </li>
    <li> <a class="fancybox" rel="group" href="images/untitled-3.jpg" title="">
    <img src="images/thumbnail-3.jpg" width="200" height="129" alt="" />
    </a> </li>
    <li> <a class="fancybox" rel="group" href="images/untitled-4.jpg" title="">
    <img src="images/thumbnail-4.jpg" width="200" height="129" alt="" />
    </a> </li>
    <li> <a class="fancybox" rel="group" href="images/untitled-10.jpg" title="">
    <img src="images/thumbnail-10.jpg" width="200" height="129" alt="" />
    </a> </li>
    <li> <a class="fancybox" rel="group" href="images/untitled-11.jpg" title="">
    <img src="images/thumbnail-11.jpg" width="200" height="129" alt="" />
    </a> </li>
    <li> <a class="fancybox" rel="group" href="images/untitled-12.jpg" title="">
    <img src="images/thumbnail-12.jpg" width="200" height="129" alt="" />
    </a> </li>
    <li> <a class="fancybox" rel="group" href="images/untitled-13.jpg" title="">
    <img src="images/thumbnail-13.jpg" width="200" height="129" alt="" />
    </a> </li>
    <li> <a class="fancybox" rel="group" href="images/untitled-14.jpg" title="">
    <img src="images/thumbnail-14.jpg" width="200" height="131" alt="" />
    </a> </li>
    <li> <a class="fancybox" rel="group" href="images/untitled-15.jpg" title="">
    <img src="images/thumbnail-15.jpg" width="200" height="130" alt="" />
    </a> </li>
    <li> <a class="fancybox" rel="group" href="images/untitled-16.jpg" title="">
    <img src="images/thumbnail-16.jpg" width="200" height="132" alt="" />
    </a> </li>
    <li> <a class="fancybox" rel="group" href="images/untitled-17.jpg" title="">
    <img src="images/thumbnail-17.jpg" width="200" height="132" alt="" />
    </a> </li>
    <!--end gallery-->
    </ul>
    <!--end content-->
    </div>
    <!--end container-->
    </div>
    <!--INVOKE FANCYBOX-->
    <script type="text/javascript">
        $(document).ready(function() {
            $(".fancybox").fancybox({
                helpers : {
                        title : {
                            type : 'inside'
                        buttons    : {}
    </script>
    </body>
    </html>
    Fancybox is much better than the lightbox widget.
    Nancy O.

  • Spry Lightbox widget?

    Having been a Spry user for a long time (since it came out) I
    have been waiting and waiting to hear the news about a lightbox
    widget to be included.
    I've read here and there about it being around the corner or
    next release.
    I really don't want to go with a mix of javascript solutions
    but would rather keep it all within Spry.
    However I need to rebuild my website in the near future and I
    am trying to get some information if I can expect a solution to be
    included soon.

    foxleygd wrote:
    Thanks Ben for your email .jscript you say - i will search around to get 
    some answers . I want more scripts like that .
    can I ask you - why there aren't thousands of cool widgets around . It 
    seems like the future and has been used for a good few years. I would  imagine
    it to be the ultimate shareware so that everyone can have a cool  webpage . 
    rgds James.
    Hi James,
    How right you are, cool widgets is the way to go.
    How about joining the Adobe Spry User Group (ASUG) and work towards achieving our goal. For more info see Arnout's article here. The more souls the more the rewards.
    Greetings,
    Ben

  • Lightbox widget not displaying in browser

    I placed the lightbox widgets in several pages on my website (http://www.goodwinsanimations.com/) on the pages linked via the Projects and Design page but I the widget is not displaying at all, or only partially in some cases. This is my personal portfolio of work so I really need this fixed asap.
    Thanks
    The menu at the top (widget) works but the dropdowns do not display except in the Preview within Muse.

    Hello,
    Could you please do a File>Preview site in Browser and check if it works fine there?
    Also, please do a File>Export as HTML and export your website files in a local folder. Check if the local copy works fine or not.
    If not, please send your .muse file to us at [email protected] If your file is greater than 20mb you can use something like Adobe SendNow or SendThisFile.
    Please do not forget to mention link to this forum in your e-mail so that we can identify the file.
    Regards,
    Sachin

  • Photoshop rollover in Lightbox Widget Trigger Problem

    Hi all
    I've got a lovely photoshop button with a nice rollover effect and it looks great. I've been trying to use it in the trigger of a Lightbox Widget as per the instruction in this thread:
    http://forums.adobe.com/message/4768861#4768861
    The problem is that the rollover isn't triggered when rolled over. The rollover state of the trigger changes but the PSD doesn't.
    Can anyone help?

    You seem to have missed something there.
    Please check the result of following the steps in that forum post: http://testpsmuse.businesscatalyst.com/index.html
    The third trigger is the one that contains the Photoshop Button. Could you confirm that you imported the PSD using File > Place Photoshop Button... and not File > Place...
    Cheers,
    Vikas

  • LightBox widgets and Spry

    In a previous post, Adobe Spry Team had announced a Spry
    LightBox widgets in the 1.6 version ... I have download the last
    version today, but I don't see the widget ... will be included in
    the next version (1.7) ?
    Regards

    Hi Michele,
    I don't think we said we were going to release one in 1.6,
    and if I did, I misspoke.
    It's on our list but we haven't started it yet. We have some
    image management widgets in mind and the new gallery demos are
    starting to lean that way, with the ImageLoader.js and such.
    But sorry if we mislead you. It was not intentional.
    Donald Booth
    Adobe Spry Team

  • I have downloaded/paid fora plug in from adobe site  (cracked backgrounds) it told me ti install creative Cloud which i have done but i cannot install the plug in into lightroom5  via plug in manger to use the backgrounds...please help as this is the firs

    Ihave downloaded/paid for a plug in from adobe site (cracked backgrounds) it told me ti install Creative Cloud which i have done it shows the plug in on there as downloaded but i cannot install it into lightroom 5 to use? i have tried the plug in manger but it says cannot install plug in..also downloaded the Adobe extension manager cc but that does not add either....Please help first time i ave tried to install a plug in !!!!!! Lucy

    Dear Lucy
    Please remember to unzip the file from your Downloads folder in order to load them into Lightroom.
    What is the error in Lightroom?
    Did you read the 'Where to Find it' section?
    Thanks,
    Krystal - Add-ons team

  • In the lightbox widget, how do I move a caption without moving the location of all the captions?

    I'm using the lightbox widget for my portfolio, and I've uploaded files of various layouts and orientations. Some captions appear over my graphics. When I try to move the caption below the graphic, it moves the location for all of my captions. Edit Together is unchecked. What am I missing?

    Consult the documentation for the app you've downloaded and see if they offer any way of importing from the app on your BB.

  • Bad user experience/errors with Adobe Air widget installation

    I'm having a nervous breakdown at work (it's 10pm and I'm
    still in the office), an Adobe Air widget application I've built is
    somehow causing the client to panic (they can't install or run the
    Adobe Air installation or the widget and now they feel all their
    users are having the same problem). If anyone has a minute to try
    this out and let me know if the widget installs correctly of if you
    have any recommendations on a better user experience I'll greatly
    appreciate it. The client is receiving an error message when
    installing Adobe Air (error 0 or something).
    widget is on the bottom left (installs for PC and Mac). If
    the widget installs without any glitches please let me know. God
    bless.
    http://stayonhermind.com

    The application installed just fine for me. I'm running
    Windows XP SP2 and I already have AIR 1.1 runtime installed.
    I do have a few suggestions for improvement though! Just take
    or leave any or all of these! :)
    In your popup you say,
    "Before installing the 9IX Rules Widget verify that
    you’re running the latest version of Adobe Flash."
    Is this really a necessary requirement? If you are
    downloading the .air I think it would not matter whether or not you
    have Flash installed.
    Then you say,
    "After installing Adobe Air (link below), return to this page
    and re-install the 9IX Rules Widget. Install Adobe Air Now .
    Otherwise click on the button below (the widget install button)."
    I understand you are trying to make this easy for people but
    to me this seems confusing.
    <GENERAL AIR COMMENT>
    If someone does not have AIR runtime already installed I
    thought running a .air would trigger the download and install. If
    not this gets pretty complicated. How do you test if they have AIR
    or not? And since most will not at this early stage how dow we
    educate end-users to even know if they have it or not?
    </GENERAL AIR COMMENT>
    You should digitally sign your AIR app so it does not say
    Publisher: UNKNOWN with the big red "?" icon!
    I would recommend against using all caps in your messages.
    I would recommend choosing a better font (maybe a pixel font)
    since the message text is a bit blurry.

Maybe you are looking for