Inserting Bridge Photo Gallery into webpage

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">
<!--
.style5 {
  font-family: "Kunstler Script";
  font-size: 21px;
.style7 {font-family: Geneva, Arial, Helvetica, sans-serif}
a:link {
  text-decoration: none;
  color: #000000;
a:visited {
  text-decoration: none;
  color: #000000;
a:hover {
  text-decoration: underline;
  color: #33FFFF;
a:active {
  text-decoration: none;
  color: #000000;
.style8 {color: #000000}
-->
</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/

Similar Messages

  • Putting a bridge photo gallery into my website

    I created a photo gallery in Bridge.  I saved it into a separate folder in my website's folder.
    How do I add the gallery to one of my pages in Dreamweaver?
    I took the html code and put it into my page and it just listed all the files and their sizes.
    This is an html gallery.  I'm using Windows Vista and Dreamweaver cs5.5 and the newest bridge.
    Any help?

    Hi,
    perhaps it would be better to start with a ready-made solution for your photo gallery. Later, when you see the mode of operation and how they work you could use bridge in conjunction with DW, ok?
    Just look around in and on these pages and don't get confused by the large range, look at the different sides in peace, it is worthwhile.
    http://www.lokeshdhakar.com/projects/lightbox2/  (I use it)
    http://www.shadowbox-js.com/ (I use it too)
    http://fancybox.net/
    Countless (57 possibilities) :-): http://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-lightbox-solut ions/
    http://sorgalla.com/projects/jcarousel/#Examples (many variation possibilities and examples)
    http://www.flash-slideshow-maker.com/ (I'm using the paid version.)
    DW extensions: http://www.fourlevel.com/extensions.htm
    aso.
    ...and here some tutorials:
    http://www.google.de/#q=dreamweaver+slideshow&hl=de&prmd=v&source=univ&tbs=vid:1&tbo=u&ei= 2FrqS-X0MoqMOOrv2OkK&sa=X&oi=video_result_group&ct=title&resnum=4&ved=0CDMQqwQwAw&fp=79a60 95848c03fc9
    Perhaps thereafter will be no need for a step by step solution anymore, ok?
    Hans-G.

  • 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 do I insert a photo gallery INTO a page?

    I'm not trying to make a photo gallery page; I'm trying to create a page which contains a photo gallery at the top.  I've read about putting the gallery into an iframe, which is then put into a div, but I can't get that to work.  The gallery I've created loads up fine as a page unto itself, but I need it to function within a frame or table or box of some kind.  Is there some way to make this happen in Dreamweaver CS5?

    Hi Jeff,
    in principle, these are "rollover" things (You can unse it for your help-function in DW or Google). Or for instance browse a little bit at Nancy O's tutorials:
    http://alt-web.com/DEMOS/CSS-Disjointed-Image-Rollover.shtml (e.g. Pure CSS Disjointed Image Rollovers) and adapt it with your photos.
    Hans-G.
    P.S.
    In "http://www.belowthemoon.com/apart/" I see a "swap"-technique, which you could use too. Look here:
    http://www.adobe.com/support/dreamweaver/interactivity/behavior/behavior02.html
    Quote: The Swap Image action swaps one image for another by changing the src attribute of the img tag. Use this action to create button rollovers and other image effects.

  • 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">
    <!--
    .style5 {
      font-family: "Kunstler Script";
      font-size: 21px;
    .style7 {font-family: Geneva, Arial, Helvetica, sans-serif}
    a:link {
      text-decoration: none;
      color: #000000;
    a:visited {
      text-decoration: none;
      color: #000000;
    a:hover {
      text-decoration: underline;
      color: #33FFFF;
    a:active {
      text-decoration: none;
      color: #000000;
    .style8 {color: #000000}
    -->
    </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/

  • Insert flash web gallery into webpage

    Hi!
    How do I integrate a flash web gallery created with photoshop into my own webpage? I have to call the swf from another folder than where all the web gallery stuff is.
    For example my webpage is in the folder /index
    my gallery swf and all the xml and js and imagefiles are in /index/mygallery
    I tried to copy all the css and js stuff from the generated index.htm into my header and copied all the div-content into my page. Than I altered the call of the gallery.swf to mygallery/gallery.swf and in the js in the header I altered mygallery/flashobject.js
    But it still does not work!?

    Open the xml file and see if there are any folder location that. Other than that it should be working. I haven't tried the flash gallery yet. So I could be off here. Is there another external javascript file that has not been uploaded?

  • I'm having a problem with inserting a photo gallery created with Bridge

    I sure could use some help.
    Adobe Bridge - Why do I have a white bar on my page?
    I am using windows vista, Dreamweaver cs4 and Adobe bridge to insert a photo gallery.
    I am using an I-frame to embed a photo gallery that was created with Adobe Bridge CS4. Adobe Bridge instructed me to make the i-frame height = 75% of the width. The code is <iframe src="PhotoAlbum/index.html" width="900" height="675" frameborder="0"></iframe>
    my css places the album in #photoalbum.
    #photoAlbum contains the i-frame with the following properties:
    #photoAlbum {
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    width: 900px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top-width: 2px;
    border-top-style: groove;
    border-top-color: #333;
    I tried changing the width to 960, 900, 850 etc with no success.
    I have tried making the background of #photoAlbum black with no success.
    The link to the photo album is http://www.gigharborrealestate.com/smith/PhotoAlbum/index.html and shows no white bar.
    The site that I am having problems with is http://www.gigharborrealestate.com/smith On the right side of the Point Richmond Photo Gallery is a white vertical bar.  If you go to /PhotoAlbum/index.html there is no white bar.
    Why does this bar show up when /PhotoAlbum/index.html is put into an I-frame? How can I get rid of the vertical bar?

    insert the following into your code,
    scrolling="no"
    it should look like this
    <div id="gallery"><iframe src="IMAGES/Adobe Web Gallery/index.html"  scrolling="no" width="730" height="555" frameborder="0" name="web_gallery" style="background-color: #D8D9B4"></iframe></div>
    hope it helps, good luck

  • How do I insert a photoshop photo gallery into a div tag/container?

    How do I insert a photoshop photo gallery into a div
    tag/container?

    What pray tell is a "div tag/container"?
    Walt
    "mediastream13" <[email protected]> wrote in
    message
    news:ftmhgn$gdm$[email protected]..
    > How do I insert a photoshop photo gallery into a div
    tag/container?

  • How to import Bridge CS4 photo gallery into Dreamweaver CS4?

    I'm a novice when it comes to web design, but am starting to master DW CS4. While searching for a way to create good looking photo galleries I found an online video explaining how to do it using Bridge. The process in Bridge was strainght forward and simple. However, I have not found how I can bring the photo gallery I created in Bridge into a page based on a template in Dreamweaver. Can it be done? How?
    I designed a template for our website which I would like to use for any photo galleries in order to maintain the same "look and feel" and ease of navigating within our website (www.aquacomgroup.com).
    Please help!

    I'm having the same problem & desperate to find out how to do this!! Help!!

  • What is the easiest way to put a photo gallery into an existing website?

    I am ready to give up.  This really can't be this difficult. 
    Either that or I am the dumbest person in the world.  Up until now, I didn't know that I was. 
    I just want something easy.
    I am designing a website using Dreamweaver Cs5.5.  I am on a PC with Windows Vista Operating System.
    I have an existing website www.metzartonline.com. 
    On the Gallery page, I want to include a simple photo gallery where I can showcase paintings.  I would like a simple (theres that word again) grid that shows the photos as thumbnails.  When you click on the thumbnail, it shows the image in a larger size with a small caption.
    I've tried using Bridge which was very easy to set up but I'm at a loss on how to integrate that into the webpage.  After lots of research, I've come to the conclusion that integrating that into an existing website just insn't that easy to do.
    I purchased the Classic Photo Gallery from Flash Development 24 because it was described as "easy to use."
    It is not easy to use.
    The steb by step guide for one, isn't even written in proper English.  I've tried to work with it an I've emailed support several times.
    I'm ready to give that up.
    I just want to make a simple gallery that I can integrate into an existing website.
    Can anyone suggest the easiest program to use?
    Please?

    You can use Adobe Bridge (it is built into Dreamweaver) and Adobe Fireworks.  Once you have Dreamweaver open, go to File and you will see "Browse in Bridge".  Adobe Fireworks is a separate program and must be installed to make this work.  The instructions below are step by step and I was able to follow them even though I am not overly experienced in Dreamweaver.  I created these with Dreamweaver CS4 but the instructions below should work for CS5 as well.
    The first address here is to create a photo gallery with the Adobe Output Module which you open in Bridge.
    http://help.adobe.com/en_US/Bridge/3.0/WSCF044571-2772-4d28-9EBD-2C9F46AF008A.html
    The second address explains how to incorporate the gallery into a Dreamweaver page.
    http://foundationphp.com/tutorials/gallery/embed1.php
    Here is my wife's website for her art:   www.tanglewoodbrushstrokes.com
    You may want to look at the galleries there first to see if they are what you are looking for. 
    There are two disadvantages to these galleries.  One is that to add or subract images requires creating a new gallery.  The good side is that this can be done fairly quickly once you become accustomed to how they are created.  I can do a new one now in a half hour or less.  To make it easier, you can go to split screen once you have the new gallery made and substitute the html for the new gallery in place of the old one without recreating your page parameters for the gallery.
    Secondly, the galleries created in Fireworks use flash technology so they will not work on Iphones or Ipads.  To correct this on my wife's website, I upgraded to CS5.5 in order to use HTML5.  I am going through the tutorials for creating HTML5 web pages now.  Once I have completed them, I will be re-doing my wife's site.  I haven't yet figured out how I will create and install the galleries yet.  I have posed a question about albums for HTML5 on this forum.  Using HTML5 appears to be more complex than what I have experienced in the past, but we will see.
    Hope this helps.  Don't get too frustrated when you go through the tutorials above.  Take your time and you will be able to figure it out.  If I could do it, so can you.  I am a 65 year old retiree who only began working with Dreamweaver about three years ago.  My work experience was not in the computer field although we bought our first computer, an Apple IIE, in 1980.

  • Need to incorporate a PHP Photo Gallery into site

    Hi,
    I do not have a lot of experience with PHP, but I purchased a
    simple PHP Photo gallery and had it installed on my website. Now I
    want to have that gallery appear in within a photo page (html) on
    my website. I have banner ads on the right and left sides of the
    page and place content in the center. I was hoping that I could
    insert an iFrame into that center area and link to the index.php
    file in my photo gallery folder to incorporate it within that area.
    But I can't get that to work (I insert an IFrame and link to the
    index.php file). So am I doing something wrong, or is there a
    better approach to make this happen?
    My website and photo gallery URLs are below.
    PLEASE HELP!!!
    Website
    Photo
    Gallery URL

    I did not look all that much on your source but I'm pretty
    sure this
    "<MMString:LoadString id="insertbar/linebreak" />"
    should *not* be
    inside your title tags!
    brownaddesign skrev:
    > Hi,
    >
    > I do not have a lot of experience with PHP, but I
    purchased a simple PHP Photo
    > gallery and had it installed on my website. Now I want
    to have that gallery
    > appear in within a photo page (html) on my website. I
    have banner ads on the
    > right and left sides of the page and place content in
    the center. I was hoping
    > that I could insert an iFrame into that center area and
    link to the index.php
    > file in my photo gallery folder to incorporate it within
    that area. But I can't
    > get that to work (I insert an IFrame and link to the
    index.php file). So am I
    > doing something wrong, or is there a better approach to
    make this happen?
    >
    > My website and photo gallery URLs are below.
    >
    > PLEASE HELP!!!
    >
    http://www.surrymessenger.com
    >
    http://www.surrymessenger.com/gallery/index.php
    >
    Kim
    http://www.geekministry.com

  • Loading a Photoshop Web Photo Gallery into a Flash Movieclip

    I created a photogallery in Photoshop, but I want it to load
    into a movieclip in Flash and not load into it's own page. When I
    use the loadMovie() command I get an error opening the
    galleryconfig.xml file. When I move that file into the main web
    page file, I then get an error opening the photos.xml file. So I
    move that too into the main web page file. And then I get the error
    opening thumbnails/.jpg. Any ideas? I'm pretty sure it's a pathing
    issue since the gallery works fine on it's own. But I'm not sure
    what I need to change to get it to work when it imports. Any help
    would be much appreciated.
    thanks,
    liz

    Hi,
    I am not sure that this will help, as i never tried to do
    what you are doing, But, i think your best option woul be to create
    the pic/gallery in flash and i would think that would solve your
    problem.
    In Flash 8 there is a premade photo Gallery all you need to
    do is to add the pics.
    Otherwise, you can create yours in flah!!
    Hope this helps!
    G.

  • How do I get a photo from my windows PC photo gallery into my iPad photo gallery?

    How can I get a photo in my windows pc photo library into my iPad photo gallery?

    Another way. You can use a USB flash drive & the camera connection kit.
    Plug the USB flash drive into your computer & create a new folder titled DCIM. Then put your movie/photo files into the folder. The files must have a filename with exactly 8 characters long (no spaces) plus the file extension (i.e., my-movie.mov; DSCN0164.jpg).
    Now plug the flash drive into the iPad using the camera connection kit. Open the Photos app, the movie/photo files should appear & you can import. (You can not export using the camera connection kit.)
    Secrets of the iPad Camera Connection Kit
    http://howto.cnet.com/8301-11310_39-57401068-285/secrets-of-the-ipad-camera-conn ection-kit/
     Cheers, Tom

  • Advice on inserting facebook like module into webpage

    Hi,
    I am trying to add a "facebook like" module into the homepage of my test website (link attached). I have gone into the develop part of my admin console and copied both sections of the code from the facebook developer page following the gudiance from Adobe Business Catalyst "Social Media: Integrating Facebook and Twitter". I saved the code and it is in container.html.(Module templates>>social media>>Facebooklike>>default>>container.html)
    I didn't notice a publish button as per section 5 of the guidance note in the admin console.
    I then inserted the link {module_facebooklike} into the body of my homepage. The text in bold below appears in webpage where I was expecting  to see the like button.
    Any advice greatly appreciated.  I am very new to BC !
    Kind Regards, Matt.
    }(document, 'script', 'facebook-jssdk'));
    http://craftime-bs6.businesscatalyst.com/

    Hi Matt,
    Please try setting this up now as I've since upgraded your trial site to the highest plan to test all the features fully. 
    Let us know if still having troubles getting the FB link feature to work properly. 
    Kind regards,
    -Sidney

  • Break photo gallery into separate pages

    I have so many pictures in my iphoto library that I'd like to share on gallery. However; I find that as I upload more and more picture, the gallery takes too longer to load. I am wondering if it is possible that I can break the gallery into smaller segments and put them on separate pages? If so, how ?

    shakur:
    As users we can control how many photos we put in a single gallery but not creating "pages" of galleries. You could create an iWeb page with the galleries on the page like this. But once you bring up any gallery by clicking on it, if you go to the main gallery you're in the same situation waiting for all the items to load.
    But the first visit to the web page would not be dependent on loading the galleries.
    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. iPhoto does not have to be closed to run the application, just idle. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.

Maybe you are looking for

  • Reporting Services Error after Interactive sorting and drill down in pps

    Hi  i have a report  that has a drill down option that shows all workgroups within a specific  parent group and an interactive sorting ass well on both columns  parent group &  workgroup  This is displayed  in pps combined with a SharePoint ---the pr

  • STO Reversal

    Hi Experts UB STO with delivery cost, GR done and IR posted for the delivery cost. But able to reverse the GR without cancelling the IR.  I have verified the OMBZ for movement 102 and it is already unckeced, desbite still able to reverse prior cancel

  • Forms Runtime Diagnostics assistance plz

    "Forms Diagnostics Techniques" p 82, suggests the system administrator should provide an alternate HTML file with FRD switched on and redirect users to this alternate file. My question is since this is the FORMSWEB.CFG file, how do you accomplish thi

  • Google Mail Account in Mail5 on Lion?

    How can i install Google Mail Account in Mail5 on Lion? I have Lion and Mail5. Will install IMAP Account from Google Mail. But they dont Work

  • Pick Currency rate at the time of Billing

    Hi Friends, When i post billing document in finance at that time currency rate fetch form currency master not from Sale Order. For good answer i will give good points. Thanks, Hemant Kumar