Add Adobe Bridge Web Gallery to iweb

I had made a Adobe Bridge Web Gallery.
It woks perfectly fine when I preview the index.html file in the gallery folder.
After I drop the gallery folder in my site folder,
and making a photo link to the index.html file. The Web-Browser shows up Blank.
Hope someone may teach me step-by step after exporting the Bridge Web Gallery in combining with iweb.
Thanks

Welcome to the Apple Discussions. Where are you publishing your site to? MobileMe or a 3rd party server?
If it's MMe upload your Gallery folder to your iDisk/Web/Sites folder and use the following URL to link to it?
http://web.me.com/YourMMe_Account_Namer/Gallery_FolderName/index.html
You can embed the gallery into an iWeb page using iFrame code in an HTMl snippet. This is the code:
<iframe height="XXXpx" allowTransparency="true" frameborder="0" scrolling="no" style="width:XXXpx;border:none" src="http://web.me.com/YourMMe_Account_Namer/Gallery_FolderName/index.html"></iframe>
Set the height and width so that the gallery is totally embedded in the iWeb page. You may have to widen the iWeb page with the Inspector/Page/Layout pane.
Don't put the gallery folder inside your iWeb site folder as it may be deleted when you publish site changes. Keep it outside the site's folder.
Happy Holidays

Similar Messages

How do you use an Adobe Bridge Web gallery in a Flash Website

How do you embed the output from Adobe Bridge Web Gallery into 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

How can I reduce the width of an Adobe Bridge web gallery in Dreamweaver?

Hi there,
I've been created a website using Dreamweaver CS4, which is nearly finished except for the photo gallery.
I have created the web gallery through Adobe bridge and exported. I then created an iframe within the dreamweaver page and specified that it fills 100% of the space (or column, which is approx 510px wide). I then inserted the index file of the gallery into the iframe though 'modify' > 'Edit tag'.
I saved and tested the webpage in a browser - the functionality worked but the gallery seems to be cropped (See attached pic).
I then tried to specify that the iframe was 510px wide, but the gallery remained at the same width and the right side of some images and the scroll bar are missing.
Does anyone know how to reduce the width of an adobe bridge web gallery to 500px wide and insert succesfully into dreamweaver??
Many thanks
Helen

The original photo gallery is:
http://www.bethanyjanedavies.com/portfolio.html
You can see that the right side is chopped off
But I may have to compromise and use:
http://www.bethanyjanedavies.com/portfolio2.html
This is a much wider page than the rest of the website, but I suppose you have to find a compromise that works!!
Cheers
Helen

How do I add a BG image to the adobe bridge web gallery??

Does anyone know how to add a background image to the web photo gallery in Adobe Bridge? I know how to change the bg color, but what if I wanted to add a bg image? How do I do it???

Probably by getting the answer in the Bridge forum. (this be Lightroom)

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Cliff's Home Page</title>

<style type="text/css">

</style>

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

<style type="text/css">
#Webgallery {
height: 750px;
width: 1000px;
text-align: center;
background-image:url(back1.gif)
</style>

</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;" />
</div>
<div class="sidebar1"> <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>

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

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

<div >
<div id="Webgallery"><iframe src="Adobe Web Gallery/index.html" width="1000" height="750" frameborder="0" name="gallery"></iframe></div>
</div>
    </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>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>

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

</script>
<script type="text/javascript" src="resources/js/cutName.js">

</script>



</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 & Merve
</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 & 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 & Coco
</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 & 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
</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
</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">

</div>
<div id="tempDiv" xmlns="">Larry
</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 & Fiona
</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 & 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
</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
</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">

</div>
<div id="tempDiv" xmlns="">Rio
</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 & Whisky
</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 & 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
</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
</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">

</div>
<div id="tempDiv" xmlns="">Tyke
</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">

</div>
</div>
</div>
<div class="clear">

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

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

Can an Adobe Bridge web gallery slideshow file be inserted in Dreamweaver as part of the homepage?

Hello. I am designing the homepage of my first website in Adobe Dreamweaver CS6. And I would like for the page to include a slideshow that automatically plays as soon as a visitor opens the webpage. I am interested in using Adobe Bridge to create the slideshow using the feature "web gallery." The tutorials that I've seen describe how to create the web gallery slideshow, then show how it appears when uploaded to the web as an html file through FTP to a server. It appears as a separate page. And I notice that the web gallery file is an index file. I would appreciate knowing how to include the html file as part of the homepage. Will simply renaming the file from being "index.html" to something like "my_first_slideshow.html" make possible including it in the site structure? Or will doing so cause it and the files attached to it to be inaccessable when viewed in a browser? If it can be included in the site, is an <iframe> needed to be in the code for the slideshow to fit into? Thank you.

Maybe you best try this question in the dedicated Dreamweaver forum?:
http://forums.adobe.com/community/dreamweaver

More images in adobe bridge web gallery

Hi there
Does any one know how to load more than ten images into the adobe bridge automated web gallery??
in Bridge CS4
or is ten just the limit?
thanks alot

You'd be best off posting in the Adobe Bridge forum.

Adobe Bridge Web Gallery looks great in all browsers except Firefox 13

I'm not sure if this is a coding issue within Dreamweaver or if it has to to with the bridge gallery. The gallery looks perfect in all of the browsers except for Firefox 13 and Firefox 11 OSX. Firefox pushes it all the way to the left. Any help would be much appreciated! Thanks
http://carrizoworkforcehousing.com/gallery.htm

Looks OK to me in Firefox 13. Can't see anything in IE - probably because I don't have Flash for that browser. Which brings up another point. Many browsers/devices don't support Flash. If your target audience uses iPhone, iPad or iTouch, they won't see anything.
If you do a Google search for jQuery photo galleries, you'll find a bunch that DO work in all browsers.
Nancy O.

Bridge CS3 Workspace Adobe Lightroom Web Gallery Creator

A while back I was looking around for an easy way to create sharp looking image galleries with minimal work, and I came across a workspace plug in for Bridge Cs3. If I remember correctly, it was labeled Adobe Lightroom Web Gallery something or another. Anyway, I recently formatted my computer and reinstalled everything, but for the life of me I can find no trace of that handy workspace plug in. Does anyone know where I can find it? It had a bunch of customizable flash galleries as well as a customizable html gallery as well. Any help would be appreciated!

Do you mean AMG( Adobe Media Gallery)? You could download from LAB.
http://labs.adobe.com/wiki/index.php/Adobe_Media_Gallery

How do I get my bridge web gallery to actually work in my photoshop website

Hi
Can anyone explain to me in simple english (please - as I'm just a learner) how I get my web gallery (created in bridge) to work with my photoshop website.
This is what I have done so far:-
(1) I've created my root folder called 'test'. It has 3 subfolders called:-
- 'page1' (which is my homepage created as said below)
- 'page2-gallery' (where I want my bridge web gallery to be)
- 'page3-other' (for another page link - not important here).
(2) I have also created a simple website in photoshop (my homepage said above), using the slice tool and have saved it by saveforweb. So I now have my html website file and which works when tested online. One of the slice segments is for my 'gallery' icon on the homepage which, when clicked, should go directly to my bridge web gallery created.
(3) I have also created a web gallery in bridge and I saved it applying the 'savelocation' as being in page2 of my root folder. But when I checked it online the 'gallery' icon on my homepage does nothing. I then tried saving the gallery to my root folder instead (i.e. not in the page2 of my root folder) but with zero results.
(4) I've then dragged the root folder's html file (my website's homepage) into dreamweaver, clicked the 'gallery' icon and tried to apply the page2 of my root folder file to the properties inspector's link box (bottom of dreamweaver workspace) - but this wouldn't work either.
I know that I must be close to solving this riddle and so can anyone help me please.
J in London, UK

http://forums.adobe.com/community/photoshop
http://forums.adobe.com/community/bridge
http://forums.adobe.com/community/dreamweaver
This forum is about the Cloud as a delivery process, not about using individual programs
If you start at the Forums Index http://forums.adobe.com/index.jspa
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says ALL FORUMS) to open the drop down list and scroll

Web Gallery vs. iWeb?

I'm not sure I understand the difference between the Web Gallery and iWeb. You can add galleries on both?
How do you remove a gallery from the Web Gallery after you install it? I was trying to install multiple galleries by doing the shift click then figured out iPhoto was combining all the galleries into one. I aborted and it said it was deleting it off the WG. It did not. The pics it did upload are there and I can't figure out how to delete.

AtlantaRoyce:
Web Galleries from iPhoto differ from iWeb photo galleries in that the iPhoto galleries are run from software on Apple's servers (you only upload four versions of each photo and the server side software does the rest. With an iWeb photo gallery you have design control over how that gallery will look, comments under the thumbnails and that gallery may be part of a greater site with other pages. Then the photos and other supporting files are uploaded to be combined into an HTML based web page. The iPhoto gallery is java driven I believe.
All iPhoto galleries are part of one gallery. To delete an iPhoto gallery you delete the web gallery in the iPhoto library. The photos will be deleted from the iDisk and no longer show in your gallery.
The iPhoto one is much easier and quicker to create but can only be the one style. With the iWeb variety you can change the background, add music to the site. The two slideshows are different also.
Do you Twango?
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've written an Automator workflow application (requires Tiger), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. It's compatible with iPhoto 08 libraries. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.

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

Web Gallery in iWeb Doesn't Behave Like Standalone Gallery

From iPhoto I published a web gallery of four albums. When you go to the web gallery the four albums appear. The key photo of each album is displayed. If you move your cursor you can skim.
If I add a page in iWeb and then select Insert Web Gallery and add the galleries each album starts a mini slide show. There is a small black box that flickers on each album icon. When you go to the web album page each web gallery album icon is playing the slideshow. Which is not consistant the way the standalone web gallery works.
Here is the link to the web gallery
http://gallery.mac.com/kjritchie#gallery
Her is the link to the iWeb page
http://web.mac.com/kjritchie/Site/Web_Gallery.html
When working in iWeb this motion eats up CPU. I don't remember iWeb doing this a while ago. Is this due to 10.4.11?
Thanks for any advice.
Kelvin

That seems to be the way it is. Albums added to an Album page are static except for skimming and the iPhoto galleries added via the Web Widget feature are dymanic. It appears to be determined by what application creates the entity, iPhoto for the web gallery and iWeb for the album.
This site has both types side by side and show the difference that you're referring to.
OT

Use video from Web Gallery in iWeb

Hi,
do anyone using video from Web Gallery in iWeb? will it a better way than just drag and drop from the Media itself?

The following thread is about someone who started out with his videos in iWeb itself, but later found it better to instead link to a MobileMe Gallery — read particularly his last post here:
_Casting Director needs advice_
And in reply to one of your threads, I indicated how much faster a video displays from MobileMe Gallery than it does from iWeb:
_My Web Video loading slower than Youtube (same file size)_

Web Gallery in iWeb

I inserted some Web Gallery in the iWeb page. When I click the link, the the displayed the Web Gallery doesn't have the feature of the stand alone Web Gallery, not option for Download, Upload, and password protection is gone too.
Is there anyway to insert a Web Gallery in iWeb without loosing the features?
Thanks

I found that if I passworded a gallery first Iweb would not see it. If I published first then went back, passworded it and re-published it it was seen and was passworded.
It's a bit odd as it asked for a user name and password. entering the same name it both areas worked. The other options appear to work, but as always do not totally prevent someone from taking the photos.

Add Adobe Bridge Web Gallery to iweb

Similar Messages

Maybe you are looking for