ANN: Tutorial on incorporating Bridge web gallery into existing site

Photo galleries produced by the Adobe Output Module in Bridge CS4 look much better than the ancient Create Web Photo Album command in Dreamweaver. The problem is that the HTML file created by Bridge displays the Flash-based gallery full screen, making it difficult to incorporate into an existing website, and several people have asked recently for help in doing so. In response, I have created a step-by-step tutorial. I hope you find it useful.

This previews just fine from Dreamweaver but when uploaded non
of my images load. Please see www.jakgallery.com/19701979
All I get is the circular wait icon. Thanks very much for any help you can give. It seems I am one little step away from making it work.
Mike

Similar Messages

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.

Adding web gallery into existing website

Hi,
Does anyone know if you can add/import a lightroom created web gallery into an existing webpage? I am redoing my website (originally created with Frontpage, now considering using Expression Web) and want to create photo galleries using lightroom. I know you can create the same type of gallery using Flash, however I don't want to buy a new program when I have lightroom already. I don't have enough experience with HTML to use Dreamweaver.
Thanks!
Nancy

This previews just fine from Dreamweaver but when uploaded non
of my images load. Please see www.jakgallery.com/19701979
All I get is the circular wait icon. Thanks very much for any help you can give. It seems I am one little step away from making it work.
Mike

Help implementing Web Gallery into Flash Site.

Ive created a flash site through a tutorial, but I prefer adobe's web gallery design. I created one through adobe bridge but when I navigate to the photo section where I added it, it takes over the screen and prevents me from navigating away from it. I was curious if it were possible to restrict its size, im also all ears for any other suggestions.

I am not familiar with what PS CS2 creates, but you should
check whatever publish settings there are for that feature to make
sure that any file protection features are not enabled. That may be
the source of the problem.

Importing Bridge Web Gallery into template with java drop down menu

The iframe option from the tutorial David Powers referred readers to in the Bridge discussion board was easy and looks great.... EXCEPT the iframe covers up my java script dropdown navigation menu. Is there an easy way to fix this, or do I have to use the more cumbersome alternate method?
I built my site using a template I created in Dreamweaver. This complicates using the alternate method described in the David Powers tutorial which adds page elements to the index.html file created by Bridge. How do I take what I need from that file and place it into the page based on my site's template?
(Sorry to repeat my question in both discussion boards. Got a not-very-helpful direction from the moderator of the other discussion board to ask the question here instead of there.)

I should probably add that i am working in asp!

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

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

Embed Photoshop Web Gallery Into Site

I have been furiously scouring the internet for a tutorial,
walk though, or simply any information at all on how to embed a
Photoshop Web Gallery into a website that I'm creating using
Dreamweaver; unfortunately, I have found nothing of value. The
closest thing I found is someone saying "I just copied the html to
a table in dreamweaver..." which doesn't help a complete novice
(like me) at all.
If anyone could direct me to a thorough tutorial or writeup
the steps to take it would help me
tremendously. Thanks in advance for any and all help.

> Is it possible to embed a Web gallery that is in my
remote files into a
> template page so it will match my Web site?
Yes. Let's see your page as it stands now. Can you upload it
and post a
link?
The Object Not Found message means that there is a javascript
object that
has been left out of the page. A look at the code will tell
which one that
is.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"sumnerweb" <[email protected]> wrote in
message
news:g6l8h6$m2b$[email protected]..
>I used CS3 to creat a Web gallery. We like all of our
pages to use our
>server
> side includes. I tried copying the code from the Web
gallery index page
> into
> one of my pages, but it didn't work. I get the gallery
heading and info,
> but no
> pics. Where the thumbnails and images should be I have
"Object not found!
> The
> requested URL was not found on this server. the link on
the referring page
> seems to be wrong or outdated. Please inform the author
of that page about
> the
> error."
>
> Is it possible to embed a Web gallery that is in my
remote files into a
> template page so it will match my Web site?
>

Windows 7 64 bit Dreamweaver CC 2014 & Lightroom 5: Trying to insert a lightroom web gallery into a template in Dreamweaver

I am using a template for my website in Dreamweaver CC 2014. I installed a lightroom 5 web gallery into the template. I have an editable region where my main content goes that is where I inserted the web gallery. The main content css height is set at Auto. The web gallery shows up but only the very top half of the gallery. The whole web gallery wont push down the main content section so you can see the whole gallery. If I set the main content at height 700px then the whole gallery shows up, but because this is a template it screws up all my other pages because of the height setting. I need that to be variable. What am I doing wrong?

Most likely that main content area also contains a floated element and you are not clearing the float before closing the main content container. Floated elements are removed from the normal flow. Being removed from the normal flow means that a container for that floated element does not regard the floated element as being in it, and will collapse around its non-floated content. To prevent this from happening you should clear the float before closing the container, e.g.,
<div>
<img src="very-tall-image.jpg" style="float:left">
<p>some content</p>
</div>
This div will only be as tall as the paragraph tag requires, thus truncating the image.
But here -
<div>
<img src="very-tall-image.jpg" style="float:left">
<p>some content</p>
<div style="clear:left;"></div>
</div>
This div will show the whole image.

Bridge cs5 photo gallery - journal + Slideshow problems, incorporating a gallery into my site?

When i'm trying to make a journal+slideshow photo gallery, i get all this unnecesary information from my metadata. ( Date last modified : ...., software: ....., X resolution, Y Resolution, image size, resolution unit..) Is there a way to make that go away so i can see just my description and author, what i want to see?
And can i incorporate a gallery made with bridge/other flash gallery into an already existing HTML page, so that you have my template's design with that in the middle(the contents/editable part for me)? Or does it need to be a whole new html page, i'm using dreamweaver.
Picture of uneccesary info, can it go away?

I found out putting it in dreamweaver is pretty easy, just use iframe and make the width/height however you want it and it works fine for me. ( From the adobe web gallery in bridge>use the whole folder's index.html(can change name) as source for iframe, and you have the gallery, you need to move the whole folder to the site root though if you want it there, not just the .html )
I just want that excessive stupid information to go away, but i can't figure out how >->
http://www.w3schools.com/TAGS/tag_iframe.asp

Embed Adobe Bridge CS5.5 web image gallery into Dreamweaver site

Please help! I have been reading forums and trying to find the answers to my problem for days! I have created an image gallery in adobe bridge cs5.5 and have used an iframe to embed the gallery into my dreamweaver site. When I preview my site the gallery works, but after I've uploaded the gallery to the server the gallery no longer works. I have read multiple adobe forums with no success. Please help! Thanks!

I'm not sure I completely understand your problem, because linking to a Lightroom gallery is actually very simple.
Design your Lightroom gallery and upload it to your server. Just do it directly from LR. Let's suppose you have uploaded it into [your webroot folder]/galleries/test/.
Don't rename any of the index files.
Check it has actually worked, by visiting http://celestialapple.zxq.net/galleries/test/index.html with your browser.
Create a link to the gallery on your home page. The source code for the link is <a href="/galleries/test/index.html">Other Photoshop gallery</a>
And that's it already.
Cheers,
Michael

How to get CS4 Bridge Photo Gallery into Dreamweaver?

I am a photographer who is new to Dreamweaver. I followed instructions and created a web gallery in Photoshop CS4 bridge. How do I get that into Dreamweaver???????????

Open DW.
Define your site.
Close DW
Put all the stuff that Bridge spews out into site folder - without changing the file structure.
Open DW
The tickiest part to this if you're new to it all, is defining your site. After that, if you don't have a basice grasp of HTML and CSS Dreamweaver might just turn out to be a bit trickier yet.
If you are not so sure about defining your site, Google it. There are tutorials for it everywhere!
Martin

How to insert a Bridge photo gallery into a webpage with Dreamweaver

I have made the changes to the web gallery index page (from Bridge) as indicated in http://foundationphp.com/tutorials/gallery/embed3.php in DW. However, I normally do not use DW, but need to now. I have the new web page where I want the gallery to appear, but am currently stuck. I need a very clear, basic step by step instruction as to how to insert the gallery/index page. Below is the DW code screen from the new page where I want it to appear (not sure if this is needed). Thanks for your help! Ron
<!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=iso-8859-1" />
<title>Visual Arts Gallery Giselle M Olivera</title>
<style type="text/css">

</style>
</head>
<body>
<div align="center">
<table width="227" border="1">
    <tr valign="top">
      <td width="217" align="center" valign="top"><div align="center"><span class="style7"><span class="style8"><a href="./">HOME</a></span></span> <span class="style8"><a href="./"><span class="style5">Giselle M. Olivera</span></a></span></div></td>
    </tr>
</table>
</div>
</body>
</html>

First define your site folder in Dreamweaver. Site > Manage Sites > New > Local Site.
http://foundationphp.com/tutorials/gallery/embed1.php
Also, to simplify things, you could use an <iframe> to bring your bridge gallery index.html page into your DW web page.
http://www.w3schools.com/tags/tag_iframe.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

ANN: Tutorial on incorporating Bridge web gallery into existing site

Similar Messages

Maybe you are looking for