Mirror effect in web gallery

Apologies for the newbie question.
I am just creating my first web gallery from iPhoto.
Other web galleries I have seen have a mirror/reflection effect on the photos. Mine is just the plain photo.
Can anyone tell me how to set up mine to show the same effect?
Thanks

There is no mirror effect in iMovie 08.

Similar Messages

  • Web gallery that mirrors folder hierarchy

    I would like to create a web gallery that mirrors the hierarchy of my folders (I did an import in place). Is there any way to do this?
    I tried to do it by creating a set of collections that mirrored my folders (manually--is there a better way?), and that didn't work either.

    I think that you are asking if there is a way to generate web galleries that have sub-galleries in a single step? You have to generate and link each gallery separately.
    You can filter based on keyword and create a gallery of only the selected photos, again one gallery at a time.
    If you need to be able to generate a set of galleries in the manner you described, you might want to check out JAlbum. I'm not aware that it would let you filter by keyword, however.

  • How do I turn off mirror effect?

    Hello, I am using iPhoto 08 to publish my photo's to my web gallery, in iPhoto the images are effect free, but once published they adopt a dropped mirror image at the base of the image.
    I have searched around the program but cannot find the turn off command, can anyone help please?
    TIA..

    You can not currently control that display feature on your .Mac web gallery - if you would like to suggest an enhancement to Apple - iPhoto menu ==> provide iPhoto feedback
    LN

  • Change background in Adobe Bridge Web Gallery

    Hi,
    I am trying to use a web gallery created with adobe bridge in my webpage. I have inserted gallery in an <iframe>.  The gallery shows up just fine.  I would like to have the background of the webpage show up rather than the background of the web gallery. How can I do this? Also, I would like to change the appearance of the captions under the pictures. Also the gallery shifts left in interbet explorer. Can this be fixed?
    Here is the code in my web Page:
    <!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"><!-- InstanceBegin template="/Templates/cliffsteele.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Cliff's Home Page</title>
    <!-- InstanceEndEditable -->
    <style type="text/css">
    <!--
    -->
    </style>
    <!--[if lte IE 7]>
    <style>
    .content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
    ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
    </style>
    <![endif]-->
    <link href="cliff.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" />
    <!-- InstanceBeginEditable name="head" -->
    <style type="text/css">
    #Webgallery {
    height: 750px;
    width: 1000px;
    text-align: center;
    background-image:url(back1.gif)
    </style>
    <!-- InstanceEndEditable -->
    </head>
    <body>     
    <div class="container">
      <div class="header"><img src="Pictures/logo.gif" alt="Logo" name="Insert_logo" width="81" height="63" id="Insert_logo" style="background: #8090AB; display:block;" />
    <!-- end .header --></div>
      <div class="sidebar1"><!-- InstanceBeginEditable name="sidebar" --> <img src="Pictures/back1.jpg" width="72" height="72" />
          <p style="font-size:larger; font-family:'Comic Sans MS', cursive"> Cliff is an all breed AKC Registered Professional Dog Handler</p>
          <p><img src="Pictures/back1.jpg" width="72" height="72" /></p>
          <p><img src="Pictures/back1.jpg" width="72" height="72" /></p>
      <!-- InstanceEndEditable -->
      <!-- end .sidebar --></div>
      <div class="content">
      <div > <ul id="MenuBar1" class="MenuBarHorizontal">
         <li><a href="cliffsteele.html">Home</a>      </li>
         <li><a href="#" class="MenuBarItemSubmenu">Resort</a>
           <ul>
             <li><a href="facilities.html">Our Facility</a></li>
             <li><a href="Kennel.html">Boarding &amp; Daycare</a></li>
             <li><a href="spa.html">Grooming</a></li>
             <li><a href="#">Rates</a></li>
    </ul>
         </li>
         <li><a class="MenuBarItemSubmenu" href="#">Show Handling</a>
           <ul>
             <li><a href="#">Info</a></li>
             <li><a href="#">Rates</a></li>
             <li><a href="calendar.html">Schedule</a></li>
    </ul>
         </li>
         <li><a href="#">Photo Gallery</a></li>
         <li><a href="#">About Me</a></li>
         <li><a href="Contact.html">Contact Me</a></li>
       </ul></div>
    <br />
    <!-- InstanceBeginEditable name="heading" -->
    <h1 style="margin: 10px; clear: both; text-align:center; font-size: xx-large; font-family: Georgia, 'Times New Roman', Times, serif; padding-top:20px;">Clifford W. Steele</h1>
    <!-- InstanceEndEditable -->
    <div ><!-- InstanceBeginEditable name="content" -->
      <div id="Webgallery"><iframe src="Adobe Web Gallery/index.html" width="1000" height="750" frameborder="0" name="gallery"></iframe></div>
    <!-- InstanceEndEditable --></div>
        <!-- end .content --></div>
      <div class="footer">
          <div style="float:right">
            <p> <a href="MAILTO:[email protected]" >Site Designed by Fredric M. Zipser</a><br />
           </p>
        </div>
        <div class="clearfloatleft">
            <p>Clifford W. Steele  Professional Handler <br />
              1395 Rt. 6<br />
              Carmel, NY  10512-1627<br />
              United States<br />
              ph:(845) 225-2463<br />
              Cell:(845) 661-0010<br />
            <a href="MAILTO:[email protected]" >[email protected]</a></p>
        </div>
      <!-- end .footer --></div>
    <!-- end .container --></div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    <!-- InstanceEnd -->
    =====================================================================
    Here is the gallery code:
    <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="KEYWORDS" content="photography,software,photos,digital darkroom,gallery,image,photographer" />
    <meta name="generator" content="Adobe Lightroom" />
    <title>Adobe Web Gallery</title>
    <link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="content/139026903252918767_custom.css" />
    <link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="resources/css/master.css" />
    <script type="text/javascript">
       window.AgMode = "publish";
          cellRolloverColor="#a1a1a1";
          cellColor="#949494";
          </script>
    <script type="text/javascript" src="resources/js/liveUpdate.js">
    <!--padding for ie-->
    </script>
    <script type="text/javascript" src="resources/js/cutName.js">
    <!--padding for ie-->
    </script>
    <!--[if lt IE 7.]> <script defer type="text/javascript" src="resources/js/pngfix.js"></script> <![endif]-->
    <!--[if gt IE 6]> <link rel="stylesheet" href="resources/css/ie7.css"></link> <![endif]-->
    <!--[if lt IE 7.]> <link rel="stylesheet" href="resources/css/ie6.css"></link> <![endif]-->
    </head>
    <body>
    <div id="wrapper">
    <div id="sitetitle">
    <h1 onClick="clickTarget( this, 'siteTitle.text' );" id="liveUpdateSiteTitle">Adobe Web Gallery</h1>
    </div>
    <div id="collectionHeader">
    <h1 onClick="clickTarget( this, 'groupTitle.text' );" id="liveUpdateCollectionTitle">My Photographs</h1>
    <p onClick="clickTarget( this, 'groupDescription.text' );" id="liveUpdateCollectionDescription">Web Photo Gallery created by Adobe Bridge</p>
    </div>
    <div id="stage">
    <div id="index">
    <div id="tempDiv" xmlns="">Floyd &amp; Merve<!--padding for OS X 10.6-->
    </div>
    <script type="text/javascript">
      var nameDiv = document.getElementById("tempDiv");
      var thumbnailName = getName(nameDiv.innerHTML);
      try {
       nameDiv.parentNode.removeChild(nameDiv);
      } catch (e) {}
    </script>
    <div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_7522730020_large.html'">
    <div class="itemNumber">1</div>
    <div onMouseOver="window.gridOn( this.parentNode, 'ID0_1390269032529_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentOuter">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="content/_7522730020_large.html" onClick="return needThumbImgLink;">
    <img src="content/bin/images/thumb/_7522730020.jpg" id="ID0_1390269032529_thumb" alt="Floyd &amp; Merve" />
    </a>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnailName">
    <p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
    <script type="text/javascript">
        document.write(thumbnailName);
       </script>
    </p>
    </div>
    </div>
    </div>
    <div id="tempDiv" xmlns="">Honey &amp; Coco<!--padding for OS X 10.6-->
    </div>
    <script type="text/javascript">
      var nameDiv = document.getElementById("tempDiv");
      var thumbnailName = getName(nameDiv.innerHTML);
      try {
       nameDiv.parentNode.removeChild(nameDiv);
      } catch (e) {}
    </script>
    <div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_5915412028_large.html'">
    <div class="itemNumber">2</div>
    <div onMouseOver="window.gridOn( this.parentNode, 'ID1_1390269032529_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentOuter">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="content/_5915412028_large.html" onClick="return needThumbImgLink;">
    <img src="content/bin/images/thumb/_5915412028.jpg" id="ID1_1390269032529_thumb" alt="Honey &amp; Coco" />
    </a>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnailName">
    <p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
    <script type="text/javascript">
        document.write(thumbnailName);
       </script>
    </p>
    </div>
    </div>
    </div>
    <div id="tempDiv" xmlns="">Hope<!--padding for OS X 10.6-->
    </div>
    <script type="text/javascript">
      var nameDiv = document.getElementById("tempDiv");
      var thumbnailName = getName(nameDiv.innerHTML);
      try {
       nameDiv.parentNode.removeChild(nameDiv);
      } catch (e) {}
    </script>
    <div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_2409862627_large.html'">
    <div class="itemNumber">3</div>
    <div onMouseOver="window.gridOn( this.parentNode, 'ID2_1390269032529_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentOuter">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="content/_2409862627_large.html" onClick="return needThumbImgLink;">
    <img src="content/bin/images/thumb/_2409862627.jpg" id="ID2_1390269032529_thumb" alt="Hope" />
    </a>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnailName">
    <p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
    <script type="text/javascript">
        document.write(thumbnailName);
       </script>
    </p>
    </div>
    </div>
    </div>
    <div id="tempDiv" xmlns="">Jackson<!--padding for OS X 10.6-->
    </div>
    <script type="text/javascript">
      var nameDiv = document.getElementById("tempDiv");
      var thumbnailName = getName(nameDiv.innerHTML);
      try {
       nameDiv.parentNode.removeChild(nameDiv);
      } catch (e) {}
    </script>
    <div class="thumbnail borderTopLeft borderRight  " onClick="window.location.href='content/_0603615958_large.html'">
    <div class="itemNumber">4</div>
    <div onMouseOver="window.gridOn( this.parentNode, 'ID3_1390269032529_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentOuter">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="content/_0603615958_large.html" onClick="return needThumbImgLink;">
    <img src="content/bin/images/thumb/_0603615958.jpg" id="ID3_1390269032529_thumb" alt="Jackson" />
    </a>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnailName">
    <p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
    <script type="text/javascript">
        document.write(thumbnailName);
       </script>
    </p>
    </div>
    </div>
    </div>
    <div class="clear">
    <!--padding for ie-->
    </div>
    <div id="tempDiv" xmlns="">Larry<!--padding for OS X 10.6-->
    </div>
    <script type="text/javascript">
      var nameDiv = document.getElementById("tempDiv");
      var thumbnailName = getName(nameDiv.innerHTML);
      try {
       nameDiv.parentNode.removeChild(nameDiv);
      } catch (e) {}
    </script>
    <div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_6717880965_large.html'">
    <div class="itemNumber">5</div>
    <div onMouseOver="window.gridOn( this.parentNode, 'ID4_1390269032529_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentOuter">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="content/_6717880965_large.html" onClick="return needThumbImgLink;">
    <img src="content/bin/images/thumb/_6717880965.jpg" id="ID4_1390269032529_thumb" alt="Larry" />
    </a>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnailName">
    <p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
    <script type="text/javascript">
        document.write(thumbnailName);
       </script>
    </p>
    </div>
    </div>
    </div>
    <div id="tempDiv" xmlns="">Maggie &amp; Fiona<!--padding for OS X 10.6-->
    </div>
    <script type="text/javascript">
      var nameDiv = document.getElementById("tempDiv");
      var thumbnailName = getName(nameDiv.innerHTML);
      try {
       nameDiv.parentNode.removeChild(nameDiv);
      } catch (e) {}
    </script>
    <div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_7881538797_large.html'">
    <div class="itemNumber">6</div>
    <div onMouseOver="window.gridOn( this.parentNode, 'ID5_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentOuter">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="content/_7881538797_large.html" onClick="return needThumbImgLink;">
    <img src="content/bin/images/thumb/_7881538797.jpg" id="ID5_1390269032545_thumb" alt="Maggie &amp; Fiona" />
    </a>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnailName">
    <p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
    <script type="text/javascript">
        document.write(thumbnailName);
       </script>
    </p>
    </div>
    </div>
    </div>
    <div id="tempDiv" xmlns="">Mocho<!--padding for OS X 10.6-->
    </div>
    <script type="text/javascript">
      var nameDiv = document.getElementById("tempDiv");
      var thumbnailName = getName(nameDiv.innerHTML);
      try {
       nameDiv.parentNode.removeChild(nameDiv);
      } catch (e) {}
    </script>
    <div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_0937208439_large.html'">
    <div class="itemNumber">7</div>
    <div onMouseOver="window.gridOn( this.parentNode, 'ID6_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentOuter">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="content/_0937208439_large.html" onClick="return needThumbImgLink;">
    <img src="content/bin/images/thumb/_0937208439.jpg" id="ID6_1390269032545_thumb" alt="Mocho" />
    </a>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnailName">
    <p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
    <script type="text/javascript">
        document.write(thumbnailName);
       </script>
    </p>
    </div>
    </div>
    </div>
    <div id="tempDiv" xmlns="">Riley<!--padding for OS X 10.6-->
    </div>
    <script type="text/javascript">
      var nameDiv = document.getElementById("tempDiv");
      var thumbnailName = getName(nameDiv.innerHTML);
      try {
       nameDiv.parentNode.removeChild(nameDiv);
      } catch (e) {}
    </script>
    <div class="thumbnail borderTopLeft borderRight  " onClick="window.location.href='content/_9205901081_large.html'">
    <div class="itemNumber">8</div>
    <div onMouseOver="window.gridOn( this.parentNode, 'ID7_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentOuter">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="content/_9205901081_large.html" onClick="return needThumbImgLink;">
    <img src="content/bin/images/thumb/_9205901081.jpg" id="ID7_1390269032545_thumb" alt="Riley" />
    </a>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnailName">
    <p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
    <script type="text/javascript">
        document.write(thumbnailName);
       </script>
    </p>
    </div>
    </div>
    </div>
    <div class="clear">
    <!--padding for ie-->
    </div>
    <div id="tempDiv" xmlns="">Rio<!--padding for OS X 10.6-->
    </div>
    <script type="text/javascript">
      var nameDiv = document.getElementById("tempDiv");
      var thumbnailName = getName(nameDiv.innerHTML);
      try {
       nameDiv.parentNode.removeChild(nameDiv);
      } catch (e) {}
    </script>
    <div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_4843308047_large.html'">
    <div class="itemNumber">9</div>
    <div onMouseOver="window.gridOn( this.parentNode, 'ID8_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentOuter">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="content/_4843308047_large.html" onClick="return needThumbImgLink;">
    <img src="content/bin/images/thumb/_4843308047.jpg" id="ID8_1390269032545_thumb" alt="Rio" />
    </a>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnailName">
    <p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
    <script type="text/javascript">
        document.write(thumbnailName);
       </script>
    </p>
    </div>
    </div>
    </div>
    <div id="tempDiv" xmlns="">Scout &amp; Whisky<!--padding for OS X 10.6-->
    </div>
    <script type="text/javascript">
      var nameDiv = document.getElementById("tempDiv");
      var thumbnailName = getName(nameDiv.innerHTML);
      try {
       nameDiv.parentNode.removeChild(nameDiv);
      } catch (e) {}
    </script>
    <div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_7104248265_large.html'">
    <div class="itemNumber">10</div>
    <div onMouseOver="window.gridOn( this.parentNode, 'ID9_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentOuter">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="content/_7104248265_large.html" onClick="return needThumbImgLink;">
    <img src="content/bin/images/thumb/_7104248265.jpg" id="ID9_1390269032545_thumb" alt="Scout &amp; Whisky" />
    </a>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnailName">
    <p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
    <script type="text/javascript">
        document.write(thumbnailName);
       </script>
    </p>
    </div>
    </div>
    </div>
    <div id="tempDiv" xmlns="">Shadow<!--padding for OS X 10.6-->
    </div>
    <script type="text/javascript">
      var nameDiv = document.getElementById("tempDiv");
      var thumbnailName = getName(nameDiv.innerHTML);
      try {
       nameDiv.parentNode.removeChild(nameDiv);
      } catch (e) {}
    </script>
    <div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_0430682464_large.html'">
    <div class="itemNumber">11</div>
    <div onMouseOver="window.gridOn( this.parentNode, 'ID10_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentOuter">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="content/_0430682464_large.html" onClick="return needThumbImgLink;">
    <img src="content/bin/images/thumb/_0430682464.jpg" id="ID10_1390269032545_thumb" alt="Shadow" />
    </a>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnailName">
    <p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
    <script type="text/javascript">
        document.write(thumbnailName);
       </script>
    </p>
    </div>
    </div>
    </div>
    <div id="tempDiv" xmlns="">Sissy<!--padding for OS X 10.6-->
    </div>
    <script type="text/javascript">
      var nameDiv = document.getElementById("tempDiv");
      var thumbnailName = getName(nameDiv.innerHTML);
      try {
       nameDiv.parentNode.removeChild(nameDiv);
      } catch (e) {}
    </script>
    <div class="thumbnail borderTopLeft borderRight  " onClick="window.location.href='content/_8169451030_large.html'">
    <div class="itemNumber">12</div>
    <div onMouseOver="window.gridOn( this.parentNode, 'ID11_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentOuter">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="content/_8169451030_large.html" onClick="return needThumbImgLink;">
    <img src="content/bin/images/thumb/_8169451030.jpg" id="ID11_1390269032545_thumb" alt="Sissy" />
    </a>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnailName">
    <p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
    <script type="text/javascript">
        document.write(thumbnailName);
       </script>
    </p>
    </div>
    </div>
    </div>
    <div class="clear">
    <!--padding for ie-->
    </div>
    <div id="tempDiv" xmlns="">Tyke<!--padding for OS X 10.6-->
    </div>
    <script type="text/javascript">
      var nameDiv = document.getElementById("tempDiv");
      var thumbnailName = getName(nameDiv.innerHTML);
      try {
       nameDiv.parentNode.removeChild(nameDiv);
      } catch (e) {}
    </script>
    <div class="thumbnail borderTopLeft  borderBottom " onClick="window.location.href='content/_3042148269_large.html'">
    <div class="itemNumber">13</div>
    <div onMouseOver="window.gridOn( this.parentNode, 'ID12_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentOuter">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="content/_3042148269_large.html" onClick="return needThumbImgLink;">
    <img src="content/bin/images/thumb/_3042148269.jpg" id="ID12_1390269032545_thumb" alt="Tyke" />
    </a>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnailName">
    <p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
    <script type="text/javascript">
        document.write(thumbnailName);
       </script>
    </p>
    </div>
    </div>
    </div>
    <div class="emptyThumbnail borderTopLeft  borderBottom"> </div>
    <div class="emptyThumbnail borderTopLeft  borderBottom"> </div>
    <div class="emptyThumbnail borderTopLeft borderRight borderBottom"> </div>
    <div class="clear">
    <!--padding for ie-->
    </div>
    </div>
    </div>
    <div class="clear">
    <!--padding for ie-->
    </div>
    <div id="contact">
    <a href="mailto:[email protected]">
    <span onClick="clickTarget( this, 'contactInfo.text' );" id="liveUpdateContactInfo">Contact name</span></a>
    </div>
    <div class="clear">
    <!--padding for ie-->
    </div>
    </div>
    </body>
    </html>

    Try opening in Chrome or Firefox and inspecting the elements. You can turn easily locate the CSS that's driving the background and experiment with settings. You get there by right clicking on an element and select Inspect Element from the options. It's much easier than trying to go through all of that HTML code without a style sheet to go along with it.

  • Web Gallery troubles

    I published a web gallery (album of pictures) to my .mac account, and it worked properly. But I then had to change one of those pictures (actually a title with an error), and I did this by changing it in the iPhoto 08 web gallery. That, too, worked properly, changing the slide with the error in the published web gallery. However, subsequently, I found that .mac now had 2 copies of that photo album, both with the offending slide corrected, but one with an extra copy of the offending slide.
    I don't know how to get rid of the extra copy in .mac. My iPhoto 08 shows only one copy (and the correct one) so there is nothing to change there. And as far as I understand, it is only by changing the album in iPhoto 08 that I can have an effect on what has been published in .mac.
    Does anyone have any suggestions> Rick

    Addendum: I was fiddling around and found that although the extra copy did not show in iPhoto 08, it did show in iPhoto Preferences/Web Gallery. So I changed the name of the album in iPhoto 08 so that I could tell which was the correct copy, and after the changed name turned up in the preferences list, I stopped publishing on the other one, the extra copy. That eliminated the extra copy!!!...and I found ity gone when I went back to .mac. Hope this helps somebody. Rick

  • Pixelated Images on Web Gallery - Help!

    We have been receiving complaints from our clients that our web gallery images are pixelated - and indeed they are to the point that you cannot recognize the person in the image! I have tried to upload different resolutions - high (3000 pixels or more) and low (900 x 1000 or so) and nothing seems to change the way the images look. We use bridge we gallery for clients to order from, so this is obviously effecting what they want to order. Anyone have any ideas on how to remedy this? Please help!

    I am not sure how to determine that. The only options available there are for Small - Extra Large images, nothing about the size in K. When it is in Bridge it looks the way all photos look in Bridge, but when I actually upload it to the web that is when things get ugly.

  • Web gallery quirks

    Greetings,
    1) Is there a way to delete the reflection effect on photos in a web gallery?
    2) Is the grid layout really the only one in which titles are visible?
    Thanks for your help!
    BnB

    I followed these directions and the albums still don't show up. Then to experiment, I deleted one of the albums from the gallery menu on the left side of the screen in iPhoto. I then went to the event and tried to publish it. It brought up the checklist menu and I checked the appropriate boxes and then continued. Usually when publishing there will be a bar indicating that the album is publishing and a web address of the album when it is done. Nothing happened at all this time. It just brought up a page of the thumbnails for the album. It did not even create an entry under the web gallery menu where my other "published" albums are. Does any of this help?

  • Questions about web gallery in iWeb - advise please

    I have succesfully republished my old iWeb with iWeb 08, but would like to have some advice before I experiment further. The iWeb Help says I can add a web gallery to iWeb using either "insert>web gallery", or a Web Widget. Can anyone explain the difference to me?
    My one Web Gallery has the neat new "carousel" effect and the other properties of this new function. Will any new photo albums that I publish directly from iWeb also have these properties, or are they unique to "web gallery"? The photo albums that I have republished with the new iWeb have the "download" and "subscribe" functions, but not the "carousel" and other niceties of Web Gallery. Thank you.

    There are two completely separate types of gallery, one being the .Mac web gallery and the other being the ones that you make in iWeb.
    Where iWeb mentions the "insert" or "Web Widget" it just means there two ways of doing the same thing. If you use the 'Insert' menu or the 'Web Widget' button you are able to choose one of your web galleries and insert an animated thumbnail which cycles through previews of your photos in that particular album. A visitor to your page is able to click on it to visit the specific album.
    So there you have it, you can either build photo albums in iWeb without some of the fancy Web Gallery features or you can use the .Mac Web Gallery. The iWeb albums will be tightly integrated with iWeb and your pages but you can still integrate the .Mac Web Gallery to a certain degree by using the 'Insert' or 'Web Widget' options.
    I personally plan to use both iWeb Albums and .Mac Web Gallery as they both have their merits for different projects I'm working on.
    Message was edited by: Andrew aka Flynn

  • Build a web gallery with amazing flash slideshows with dynamic XML files

    Build a web gallery with amazing flash slideshows with dynamic XML files
    Screenshot:
    Features
    Features
    Transitions, zooming and panning effect You can  choose from  Random, Wipe from Left, Fade to White, Cross Expansion and  other 60-plus  transition effects. Zooming and panning effect is  optional for advanced flash  templates.
    XML-driven This flash slideshow are XML-driven. The XML  document allows more personalized controls over the flash.
    Auto-playback and repeat mode The flash slideshow will play  automatically after preloading, and it can repeat playback.
    Dynamic customization Besides XML control, the  advanced  templates provide many more custom options, so that you can  create slideshow  that fits into your existing web design: width ,  height, border color,  background color, thumbnail size, etc. More about  dynamic customization
    Usage and demo visit: http://webdesigndevelopment.blog.com...swf-xml-files/

    Please excuse the bump...
    Anyone with a LR flash gallery that starts with slideshow in play mode?
    Can it even be set to do this?
    The only code in the style.xml that looks like it might be realted is line 12 <playOptions playMode="pause"/>, changing that to "play" does nothing.
    Thanks,
    Donnie

  • IWeb cannot see my .Mac Web Gallery

    Hello All,
    I have some albums in my .mac Web Gallery. When trying to do an insert->.Mac Web Gallery, iWeb says "no albums or movies available", even though I do have stuff published.
    Any ideas why could this happen?
    Thanks a lot

    I found that I cannot insert "protected" galleries. Simply allowing "Everyone" access to the gallery, publising, then giving iWeb a chance to catch up -- poof -- it shows and I can add the .Mac gallery.
    After the fact I have gone back in and "protected" the gallery with no ill effects. Other than not seeing it on the insert .Mac gallery menu item again.

  • Sharing to .Mac Web Gallery

    I am in the process of creating a web site which will contain video. I have been able to insert hyperlinks in the right places but all of the sudden two things happen; iMovie 08 will not upload (share) to .Mac Web Gallery-getting message saying to verify account settings (it is correct) and also to check internet connection-nothing wrong there either. In the iWeb side of it after inserting the hyperlinks the programs takes its time and comes back with a message saying in effect the same as in iMovie.
    Can anyone help with his? Would appreciate it.
    Thank you,
    Damaso

    Have you gotten this to work yet?
    I have the exact same problem.
    I posted feedback at http://www.apple.com/feedback/imovie.html
    "Every time I select Share>.Mac Web Gallery the window comes up showing it is connecting, then a second window comes up saying Already a member? Click Sign In to enter your .Mac member name and password. Since I am already signed in (idisk is functioning fine)I click cancel, sign out, then try to share again. When the second window opens up I click sign in, which I do, and .mac show me signed in, but nothing happens with imovie. If I try to share again, the same windows come up."
    If you have found a solution please share it.

  • Web Gallery Pages Contain Garbage if Referencing External Scripts

    Like many, I've been customizing the very limited web gallery templates that ship with Aperture, but in addition the many annoyances mentioned elswhere (generation of non-compliant HTML, deletion of certain content, reformatting, altering the DOCTYPE, etc.) I've encountered a serious problem that makes rich customization a chore.
    Adding a script tag that references the Google Maps API causes Aperture to generate garbage in certain web gallery pages containing the tag.
    Placing
    <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=ANYKEY"></script>
    into the HEAD element (with any api key, including an invalid one) causes the element to be replaced with
    <SCRIPT type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=ANYKEY"></SCRIPT><SCRIPT src="http://maps.google.com/mapfiles/maps2.70a.api.js" type="text/javascript"></SCRIPT><STYLE type="text/css" media="screen">.gmnoscreen{display:none}</STYLE><STYLE type="text/css" media="print">.gmnoprint{display:none}</STYLE>
    in most pages, and causes all of the second detail page (that's right, only the second page!) to be replaced with
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <HTML><HEAD><STYLE type="text/css" media="screen">.gmnoscreen{display:none}</STYLE><STYLE type="text/css" media="print">.gmnoprint{display:none}</STYLE><STYLE type="text/css" media="screen">.gmnoscreen{display:none}</STYLE><STYLE type="text/css" media="print">.gmnoprint{display:none}</STYLE><STYLE type="text/css" media="screen">.gmnoscreen{display:none}</STYLE><STYLE type="text/css" media="print">.gmnoprint{display:none}</STYLE></HEAD></HTML>
    which results in a blank page.
    The styles gmnoscreen and gmnoprint come from Google, so apparently, the code that generates the web pages from the template actually reads the Google Map API file, triggering side effects that write into (and spoil) the page being generated.
    Sadly, I've found no clever workaround for this bug. Aperture strips out SSIs (along with all HTML comments) so conditioning inclusion of the script tag on being on the server won't work, and substituting a page (that's only) on the server that redirects to the Google URL fails (probably because of some limitation of the Google API). The only workaround I've found is to generate pages with a place holder for the bug-triggering script (actually just the src attribute will do) that is then replaced in the files generated on the server (which is easy enough to do with BBEdit).
    Note that inclusion of the offending script also causes some misbehavior in Aperture itself when previewing the pages.
    Has anyone had a similar experience?
    Any suggestions on a better way to prevent the script tag from being read by Aperture when it generates the pages?
    This would seem to be a frank bug in the Aperture web gallery page generation code, which should simply be copying all script tags to the server files unchanged -- certainly without traversing the src url and thus executing any code they contain.

    It's hard to imagine what the designers intended then. No interactive web pages? Almost any code included in or referenced by the templates can result in serious and hard to detect bugs.
    For example if I have an element containing
    ... id="someid" class="styleA"...and have
    document.getElementById('someid').className='styleB';somewhere in code that executes on load, then the Aperture-generated files will change the element to read
    ... id="someid" class="styleB"...
    This is clearly a bug that needs to be fixed. The underlying model of what Aperture is doing certainly is not meant to include execution of code in page templates as part of he page generation process. Such code is only intended to run when the page is built in the client's browser.
    I also don't buy the notion that this isn't really such a big problem since one can always use the features of a code editor like BBEdit to repair the problem in generated pages on the server. Such problems (as the above example illustrates) can be very hard to detect in the first place, and, more importantly that can't possibly be the model of "workflow" that Apple intends, since it means that every time I make photo related changes in Aperture (e.g. simply rearranging the photos in my gallery, or changing a caption) I have to run a development tool to fix the damage that such an update will do to the code in the generated web pages. They're hardly "templates" if their products need to be fixed every time they're used.

  • IPhoto '08: Events, (Smart) Albums, Web Gallery & Slideshows ???

    I recently upgraded to iPhoto '08 and I am confused.
    I must admit I used iPhoto before to look at my pictures but I never bothered with any albums or slideshows or whatever, but now with more and more pictures I need to organize.
    So this new iPhoto comes with all sorts of way to organize such as Events, (Smart) Albums, Web Galleries & Slideshows. Quiet frankly I am LOST as to what to use when or for what ???
    Okay I can get Web Galleries is for posting on the .mac as a gallery. Why did they do this again if you iWeb that creates photo pages???? Why is this not integrated in iWeb????
    Now moving on. What's the difference between Events, (Smart Albums) and Slideshows. They seem to be ways to organize your photos. BUT why have THREE of them? When to use which one?
    Any help or comment appreciated as I am confused ....

    Events, Smart Albums, Albums and slideshows are different. Here is a short explanation of each:
    Events= Every time you import photos from your camera or via drag & drop a new Event is created. This is the basic (automatic) way that iPhoto organizes your photos. Events are date based and can be split or merged based on your preferences. For example, you go to a birthday party and take a few photos, a few days later you go to a picnic and take a few photos. When you import the images, iPhoto will split the pictures into two distinct events. (Check The iPhoto Preferences/Events for some options).
    Albums= These are containers that you create to easily group photos in any way you prefer (ex. Combine photos from a couple of holiday parties into one album). You can drag and drop photos in Albums. When you delete a photo in an Album it does not get deleted from the main library. Albums contain links to the photos, not the actual photos. You can manually re-order the photos in an Album. It is always a good idea to create an Album first, edit and re-order your photos there and then create a slideshow, book or web gallery from the Album.
    Smart Albums= These are Albums you create that have specific rules, they automatically get updated every time a photo meets the specific set of rules. Smart Albums (SA) can have one or more rules. ex. You have 2 different cameras and you automatically want to see the photos captured by each camera. You create 2 Smart Albums that contain the Rule = Camera Model > is > Nikon D40 (or whatever). Next time you import photos from that camera, the SA will show these photos automatically. (Note: These are links, but if you delete an image, unless you delete it permanently it will re-appear in the SA, as long as it still has the required value of the SA. You can sort by Keyword, Ratings etc using Smart Albums, and you can have multiple sort rules, like Keyword = Birthday and Rating is 5 stars.
    Slideshows= iPhoto has 2 types of slideshows available. The first is the "quick" slideshow. You can select any Album or Smart Album click on the Play button, set the transition select the music and you are ready to go. The 2nd type, the Cinematic Slideshow, are albums created specifically as Slideshows. They contain photos you selected and you want to see on your screen in a slideshow presentation. You can set specific transitions between slides, set individual slide times, select music and specify where the Ken Burns effect will start in a slide and where it will end. They are more elaborate than the Quick slideshows.
    Web Galleries = are a quick way to share photos with friends, you just select the Photos and click on the Web Gallery button. You set some basic options and publish. Visitors get to see the photos in 3-4 different views including a slideshow, but you can also allow the viewers to add photos to your web gallery. Every time you add a new photo to a web gallery album in iPhoto, it will update the web site when you click the little publish icon next to the name. You can also set tan option to make this happen at specific intervals. (Check the iPhoto Preferences/Web Gallery).
    I hope this answered some of your questions. Good luck.
    Message was edited by: Anastassios T

  • How do I use Brige Web Gallery in a Flash website

    How do you use the output of a Brige Web Gallery for use inside of a Flash Website?

    Hi there -
    I'd try posting your question over in the Flash general forum. You could also try the Flash site design forum. The folks over there will probably be able to help you solve your issue

  • Brigde CS5 in Windows 7 64bit - drops out photos in Web Gallery preview

    Is there a limit to the number of photos that web gallery will display?  I created a web gallery and then started over again as instructions I read stated that I should put the TITLE on each photo.  Once I put the title in, out of 24 photos that use to display, only 20 now display.
    Can someone explain why this is happening?  I haven't even gotten to the point of trying to embed in my website yet.  Perhaps Bridge isn't the best tool to use?
    Thanks to anyone who can offer any insight as to why this is happening.
    Daisey

    And right you are!  After posting this message I started reading through all the help files and finally did find the same answer.  Now my problem is the linking as I have a very strange hosting set up.  Two sites, same directory.  So all my images have broken links.  Something new to work out!
    Cheers!
    Daisey

Maybe you are looking for