Putting Bridge web gallery in html layout

I've created a flash web gallery in Bridge and I'm trying to
figure out how to insert it into my html layout. I'd like to keep
the header and navigation of my html layout, but in the "content"
section insert the flash gallery. I tried just putting the .swf
file in, but it can't find the images.
thanks,
Andrew

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

Similar Messages

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

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.

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

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

Trying to incorporate bridge web gallery into GoLive page

All thoughts are so welcome. I'm trying to update my GoLive site with a Bridge web gallery. I've seen a tutorial or two about doing this in DW, but not my beloved GoLive. Any wisdom would be so appreciated!

The DW tutorials probably apply to GoLive as well. You're going to need to get your hands a little dirty with HTML to mix web pages.

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

CS6 Bridge web gallery - HTML Gallery template problem

In CS6 Bridge, a web gallery created with the HTML Gallery template puts the images in a directory with a path of content\bin\images. This prevents the images from being served from IIS - the bin directory is by default a "Hidden segment". There is no need for the directory hierarchy generated to use the name "bin".
I know how to work around the issue, but it would be better if the issue was not present in the first place. I tried to report it as a problem on photoshop.com, but was unable to login.
How do I report this problem to Adobe?

(Me again, my previous Adobe ID broke). We don't have Dreamweaver, and the users who create and upload web galleries would not be able to use such tools (or a text editor which works on several files at the same time). My workaround is to have a directory dedicated to their web galleries using a web.config file of
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <security>
            <requestFiltering>
                <hiddenSegments>
                    <remove segment="bin" />
                </hiddenSegments>
            </requestFiltering>
        </security>
    </system.webServer>
</configuration>
So that the HTML web galleries' "bin" sub-directories are accessible.

Index.html created by Bridge Web Gallery has VBGetSwfVer error

I'm running CS6 under Win7 and IE9. I have used Bridge to create a web gallery but when I try and execute the generated index.html file I get a (script?) error:
Clicking eather Yes or No has no impact - just a blank screen.
I have not modified the generated index.html. Also, it does not matter if I have used CS5 or CS6. The generated file works elsewhere (at college Win7, CS5) so it has to be something to do with a setting on my PC but what?
I have reinstalled the latest version of Flash Player and I have the correct add-on enabled:
What's wrong?
Line 116 reads: versionStr = VBGetSwfVer(i);
The function is defined on line 55+"
Function VBGetSwfVer(i)
on error resume next
Dim swControl, swVersion
swVersion = 0
set swControl = CreateObject("ShockwaveFlash.ShockwaveFlash." + CStr(i))
if (IsObject(swControl)) then
swVersion = swControl.GetVariable("$version")
end if
VBGetSwfVer = swVersion
End Function
I'm stumped - help please.

Hi Mike,
glad you got it working. I did take a look at this page:
http://www.oliverdesignstudios.com/HEREWEGO/MHO%20ORIGINALS/index.html
and this page:
http://www.oliverdesignstudios.com/Custom%20Business%20Card%20Designs/index.html
I know you said you moved foldes around until it started working - that's a bit drastic and lucky that none of your links got broken :-)
Back to the folder names. You should never use upper case NOR use spaces when naming folders or files. You may end up with browser incompatibilityand some servers can choke if type of naming convention is used. Also some hosts don't support upper case,(linux in particular),. It's best to use lower case at all times and if you need a space use an underscore or hyphen instead. eg: custom-business-card-designs/
Now if you want to go and rename any folders or files, fo it all via the Dreamweaver File Panel, so that DW can keep track of what you're changing, so that you don't get broken links.
Actually now that you mentioned moving folders etc., are you working in a Defined Dreamweaver Site? That's the very first thing you need to set up when starting a new project in Dreamweaver:
Define a site:
http://kb2.adobe.com/cps/140/tn_14028.html
Hope some of this helps :-)

Bridge Web Gallery Photos Not Loading

Just upgraded from CS4 to CS6. I had been using the Create Web Photo Album command in CS4 which of course is no longer available.
So, opened Bridge and created an HTML Web Gallery. The HTML Gallery looks great and when I open it with DW locally it works fine in preview mode. After uploading the gallery to the server, the gallery page layout is there but the thumbnails don't load. Page is functional and when I click on one of the thumbnails its large pic page opens but again the pic does not load. The images, both the thumbnails and large images, upload OK and are present on the server.
Here is a link to the album page:
http://ashlandhiking.org/badlink.html
I also tried two other gallery formats; Standard and Lightroom Flash. Both of these worked fine after uploading. So it appears to be a problem associated with the HTML gallery. I tried changing the page doc type to HTML 5 and HTML 4, to no avail.
Please help. Thanks.

It's funny: I had just posted to someone else that they should update to 7.1 to get the web gallery to upload. I didn't realize I was not up all they way myself. So now I'm at 7.1.1.
Problem was, I still had upside down photos.
So the work around I employed was to export the edited photos out, delete the photos within iPhoto, then re-import the edited photos back in. Ah, now they show properly.
Not my favorite solution, but what are you going to do?
I still suspect there might something within the web gallery functionality, which wants to upload the Originals and not the Modifieds. Thoughts anyone?

No image Metadata when outputting from Bridge Web Gallery (CS4)

I use the Web Gallery option within the Output module in CS4 Bridge to process my photos to the image size I want for uploading to flickr. However all the metadata data gets stripped out.
Is there an option I am missing to retain metadata?
Of course I can add back in any IPTC data I want, but I should not have to do that more than once, what I am really annoyed over is the Camera Data (EXIF) is gone.
Software Details:
CS4 Bridge (3.0.0.464)
Output Module
Web Gallery (Standard or HTML Gallery)
Mac OSX 10.5.7

_kabel_ wrote:
The goal here is to automate the process of resizing my photos for upload to a flickr account.
Look into the Image Processor in Bridge or, better yet, install Dr. Brown's Services 2.0.2, a free, brilliant set of scripts by the same author as the Image Processor, Russell Brown. It's like the Image Processor on steroids.
http://www.russellbrown.com/scripts.html

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

Bridge web gallery issues

Hi there,
This might seem like a silly question...But I have been trying to make a web gallery in bridge to put on my Dreamweaver cs6 website. Everything is working and bridge is even saying the gallery has uploaded. But when I go back to Dreamweaver the folder is know where to be found not even anywhere on my laptop.

Details are needed.
Please read this FAQ for advice on how to ask your questions correctly for quicker and better answers:
http://forums.adobe.com/thread/419981?tstart=0
Thanks!

Bridge Web Gallery to Dreamweaver

I have seen a dizzying number of threads to this but with no real answers.
I am desperate to find a solution to inserting a Photo Gallery created in Bridge CS4 into an existing html page created in Dreamweaver CS4.
I am experiencing all the same problems as other posts:
- Bridge creates an "index.html" file for the gallery
- The "gallery.swf" file does not work when inserted into Dreamweaver
- copied/pasted code from the mysterious "index.html" file does not work when inserted into existing Dreamweaver page
- along with the various hair pulling, pacing, screaming and the occasional tear when all efforts fail
I am also up against the usual designer constraints:
- not a Flash master
- asked to do something beyond the scope of my abilities
- want to do the job anyway
- very VERY little time left to complete the job
That's why I thought the Bridge Gallery was going to be the answer to everything. Why create a web gallery when it won't work in a web page? Do people really just upload the one page from Bridge and call it a website?? I'm so confused!
Please oh please help I do so need help...

Also....
Why would Adobe create such a neat automated feature then make it impossible to use it inside Dreamweaver?? Isn't their strength built upon their tight integration from program to program? I'm now reading I may have to purchase another web gallery program that WILL work? Why would Adobe want us to go outside their product line?

Lightroom Web Gallery in HTML page?

Hello,
I want to export a web gallery from LR 1.3 and insert this gallery into an html web page in Dreamweaver 8. This would be huge! I have researched it and found that it just may not work.
1 of the errors: the first gallery I made in LR and published online, is the gallery that shows up in the html page.
Another error: the gallery only shows that its loading (inside html page).
Attempts:
1: drop the flash file into the html page and resize it to fit
2: put the bin in the resources folder and drop the flash file in the html page
Primary resource:
http://blog.bluefire.tv/?p=18
Any help would be outstanding!
Thank you,
Tyler Fraser
www.fraserimagery.com

Well,
It's not an Adobe issue, it's a hosting issue. I have GoDaddy, and, after four or five phone calls, I got someone who really knew what they are doing. He said they host Unix for Linnus users, and a Windows based for Windows users, so that's not it. It was a simple matter of moving files. I was creating a subdomain this time, so perhaps that made it a little more difficult. Anyway, you name the gallery with the same name as the destination folder. Then, if the index.html page isn't in the right place, you move it to a place in the tree where it is right. Call your hosting company if you can't get it right. Persistence and patience will pay off.
Kate

Putting Bridge web gallery in html layout

Similar Messages

Maybe you are looking for