Add photo gallery to Dreamweaver created pages

Hi. Please accept my apology in advance if there has already
been a forum on this subject.
I am very new to Dreamweaver and trying to not mess things
ups too badly. I am trying to maintain a website for a local
non-profit and I don't want to have to buy Fireworks in order to
create photo gallerys of our fund raising events. I can easily
create a gallery in my Adobe Photoshop program but can't figure out
how to link it to my events web page. Can someone help me do this
in easily understood non-techie terms please? >^..^<
Thanks! Joan

Could you use something like Google's Picasa?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Joan in MA" <[email protected]> wrote in
message
news:f95h9m$6gf$[email protected]..
> Hi. Please accept my apology in advance if there has
already been a forum
> on
> this subject.
>
> I am very new to Dreamweaver and trying to not mess
things ups too badly.
> I
> am trying to maintain a website for a local non-profit
and I don't want to
> have
> to buy Fireworks in order to create photo gallerys of
our fund raising
> events.
> I can easily create a gallery in my Adobe Photoshop
program but can't
> figure
> out how to link it to my events web page. Can someone
help me do this in
> easily understood non-techie terms please? >^..^<
>
> Thanks! Joan
>

Similar Messages

Trying to add photo gallery to Dreamweaver page

Hi,
I would like to add a photo gallery in a style similar to this one: http://www.pezziunici.com/html/prodotti.php?lng=eng&pro=310
with a thumbnail grid on the left and large photos with captions to the right - all on the same page.
I see there is a table structure in the page, but also php. Is there a simple way of doing this (or at least something with step-by-step directions) or an extension that lets you have everything embedded in a Dreamweaver CS4 html page, and both thumb grid and large picture with captions are on the same page? I have taken some html/css courses, but am probably an advanced beginner level (with Dreamweaver also).
Thanks!

Not the same as the gallery you pointed to, but you can embed a Bridge gallery in Dreamweaver. Tutorial on my site at http://foundationphp.com/tutorials/gallery/embed1.php.
You might also want to take a look at the Adobe Widget Browser on Adobe Labs (http://labs.adobe.com/technologies/widgetbrowser/). It has some nice gallery widgets available. The widget browser is integrated into CS5, but I think you can use it with CS4 (see http://forums.adobe.com/thread/659849?tstart=30).

Photo Gallery in Dreamweaver using Fireworks

How do I add images to a photo gallery that I created in
Dreamweaver using Fireworks? I created a photo gallery and I
changed my background color and other settings, but I need to find
any easier way to add images without messing up my settings. Each
time I add a photo, I don't want to have to change 40+ web pages.
Can someone please help? If there is an easier program to use, then
I will change programs.
Thanks for your help!

Sorry in advance if the following comment is missing the
point of your question.
Ans: You need to export (>File > Export) the image that
you have manipulated in Fireworks to an images folder in your
dreamweaver website. You will be prompted for an optimum file
output (JPEG, GIF etc) during this process. Then close Fireworks
and open DW. Then place your curser at the point in the webpage
where you want to insert the image and then select Menu > Insert
> Image. Browse to the image that you have created in Fireworks
and press enter. Job done! Fireworks is a fantastic s/w application
... and there's no need to look elsewhere.

Photo Gallery in Dreamweaver

I am updating a site that has a flash gallery displayed within a table cell. I want to replace the flash (.swf) gallery with an html one that would be apple friendly. Is there a way to embed an html/java slideshow within a table on a page? Lightroom exports an html page. Isn't there a way to link a lightroom gallery to dreamweaver the same way you would link photoshop to an image in indesign? easy edits easy display? Am I missing something? Maybe it is a huge pain to create an html gallery on a page... I just updated from cs4 so I don't know all of the available options. Lightroom seemed like the way to go.

There are many javascript photo galleries available online that you could use to do this. I would steer clear of anything that does it automatically (like Photoshop or Fireworks) as the code they generate is horrible.
Look up "jquery slideshow" and you'll have literally hundreds to choose from with most giving a "how to" tutorial. It'll take some basic coding skills to do it though. If you're not ready for that, look into Project VII, they have paid extensions for DW that can do this for you from the Design View interface.

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

Adding a photo gallery to a blog page?

I see the last queries about being able to do this are from 2006. I'm wondering if it is any easier now. I'm creating a website for a film series project. I used a 'blog' template so I could easily manage about 20 separate films (without having scores of pages to deal with). Right now each of those 'blog' pages has a large number of free floating photos (shots from the film). They take too long to load. I'm wondering if I could create a photo gallery instead, ON the blog entry page, that would contain the pics, and allow for fast loads?
Just wondering how one might create a photo gallery on a 'blog' entry page.
Ben

Having looked at your site, I would say that you layout is very artistic and would be completely ruined by using a photos template.
DPI doesn't realy come into it as this is used for print. iWeb does have image optimization but its better to turn it off and reduce the image to the dimensions (in px) that it will appear on the web page before dragging it into the app.
If you want to maximise the SEO and make the pages more interesting for us humans, I would add descriptive captions to the images and put them in the spaces between the staggered image layout.
If you are comtemplating designing for mobile devices, you need to use every trick in the book to to reduce file sizes and cut content to the bone.
I have been using responsive designs for quite a while now and learned a lot of hard lessons along the way on what works and what doesn't on mobile devices. Some more examples HERE.
iPads are big enough for a traditional website to work on them as long as you pay attention to making the links and other user controls finger sized. I did figure out a way to make an iPhone compatible site using iWeb if you are interested...
http://www.iwebformusicians.com/iWeb/Mobile-iWeb.html
I must admit that I detest Wordpress although there are some responsive desgns available now. I did a test with one of the free ones but its a total pain and there doesn't appear to be any plugins for HTML5, responsive media players. I had to figure this out all on my own. If you click the Blog button on this page you should get there.

Help putting a photo gallery in Dreamweaver CS5.5

Hi,
I'm new to web design and have been learning to use DW CS5.5. My goal is to design a website for my small, online antiques business with a photo gallery in it.
The Adobe Extension site lists several photo gallery options, but none for CS5.5. Does anyone have any ideas on how I can easily, or fairly easily add a simple photo gallery to my new site? By simple, I mean thumbnails linking to a page with a larger photo and descriptive text, nothing else. I really want to keep it simple.
Is my only choice to build it myself from scratch?
Any help you can give will be most appreciated.
Terry3Mc

hello Terry,
There is a website called www.templatesold.com you have to pay.. but i have a login
there are a lot of templates of photo gallerys.
email-me [email protected]
Leonardo Hermoso
bovespa

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

Photo gallery limited to 5 pages?

I have over 200 photos for some of my galleries. I would prefer to keep around 20 or so photos per page, but it seems iWeb limits the number of pages to 5, and it wont display the remaining photos. Is there a setting somewhere that tells it to limit it to 5 pages?

Yea I'm retarted, I didn't notice the arrow ><

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

What is the best way to create a photo gallery?

Hi,
I want to create a photo gallery in Dreamweaver without using any pre-built "web gallery" function. What's the best way to swap the images when I click the "next" button? Do I create a new Dreamweaver page for each photograph? Is there a more efficient way to do it than that?
Thanks,
Gordon

Is there a more efficient way to do it than that?
Most definitely. With scripts.
57+ Free Galleries, Slideshows & Lightbox solutions:
http://www.1stwebdesigner.com/css/57-free-image-gallery-slideshow-and-lightbox-solutions/
20 Best jQuery Slideshow Scripts
http://graphicalerts.com/20-best-jquery-slideshow-image-photo-gallery-plugins/
If you're a photographer or managing a large collection of images, look at JAlbum.
Download the software. Drag & Drop your images/folder of images into the work space. Hit create album. In a few seconds, jAlbum generates your HTML pages and thumbnail images for you. A real time saver with plenty of customizable skins to choose from.
Download: http://jalbum.net/software;jsessionid=qkhdjzieqjtg1rz4x2anjlk5d
Skins: http://jalbum.net/skins
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Dreamweaver Photo Gallery

I am wanting to create a photo gallery in Dreamweaver MX... I click "Commands" and then "Create Web Photo Album", but when I browse to my root folder to select the images, no files are visable even though the images are there. They're JPG images, all RGB, etc... so everything should be OK with the image files, yet they don't show up.
Any ideas?

Hi rdnelly8,.
There have been many discussions in this forum around this topic. Use the search option to search for "Photo gallery". Passing on one forum thread I picked at random.
Re: Photo Gallery in Dreamweaver
Thanks,
Preran

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.

How to transfer photo gallery with thumbnails from Fireworks?

Hi
I am trying to create a website. I am using Dreamweaver CS3
and for my main homepage I used one of their templates.
From my main page I give a link to photo gallery. I intend to
build a gallery in Fireworks as I will need a thumbnails for my
photos.
My question is how can I transfer the created gallery to
Dreamweaver CS3? I need the same template I used for my homepage
for my gallery?
Please help!
Thanks

jcdesigns wrote:
> I am assuming you are building a photo gallery like you
can in photoshop. In
> Fireworks, are you going to something like:
File>Automate>Web Photo Gallery,
> and pointing to the folder where the images are located,
and Fireworks builds
> the pages, thumbnails and larger images by itself? If
this is the case, then
> you just need to make a link on your home page to the
gallery page.
>
> If you are building this all by hand, meaning you are
making and resizing all
> of the thumbnails and images yourself, you will need to
create a second page
> and place all the thumbnails on that, and link them to
the larger image files
> or pages with those images.
>
> www.projectseven.com has a REALLY good photo gallery for
Dreamweaver and
> Fireworks for a good price. That is the way to go.
Especially if you plan on
> making more photogalleries.
>
Resize your photos as needed to cut down their size use jpg
or png format.
save then in an outside folder.
next inside the directory you use for your web files create a
directory
with either the sme name as the outside folder or name
desired open that
directory.
Open up Dreamweaver and create a Blank HTML page.
Now go to Commands menu and and choose create web Photo
album...
next a menu will pop up and ask directory where images are
located. Then
will ask the destination directory browse to the new
directory you
created. You will also settings for Thumbnail size and
whether to use
captions if you do use captions it will use the file name of
of each
image and you will have to go in and edit the caption names
for the
photos as desired when everything is setup fireworks will
takeover and
create the album. it will create three subdirectories one
with the full
size photos , one with the thumbs, and one with the html
information for
each photo. Plus three other files in main directory one
being an html
file. once completed and Fireworks returns editing back to
Dreamweaver
close and don't save the blank html file. the index file
needed will be
created by Fireworks.
open the index file inside you album directory and edit
cations as needed.
Remember if you do this you'll need a total of 3 times files
of the
photos you use for example.
if you have 30 photos it will be a total of four directories
and 93 files.
for 20 it would be 63 files, for 10 33 files and so on.
If you need to add photos or take away photos the method is
to start
over from scratch and use you FTP program to do a recursive
delete on
the directory then re-upload.
Phillip M. Jones, CET |LIFE MEMBER: VPEA ETA-I, NESDA, ISCET,
Sterling
616 Liberty Street |Who's Who. PHONE:276-632-5045,
FAX:276-632-0868
Martinsville Va 24112 |[email protected], ICQ11269732, AIM
pjonescet
If it's "fixed", don't "break it"!
mailto:[email protected]
<
http://www.kimbanet.com/~pjones/default.htm>
<
http://www.kimbanet.com/~pjones/90th_Birthday/index.htm>
<
http://www.kimbanet.com/~pjones/Fulcher/default.html>
<
http://www.kimbanet.com/~pjones/Harris/default.htm>
<
http://www.kimbanet.com/~pjones/Jones/default.htm>
<
http://www.vpea.org>

Updating a web photo gallery

Hi,
I have created a website using Dreamweaver CS6. On one of my pages I have a web photo gallery which I created in Adobe Bridge and then embedded onto the web page by using iframe in Dreamweaver. If I wanted to add or delete photos in this web gallery, how do I do this?
Thanks, I look forward to hearing from you.
Cheers
Anna

Hi Hans,
Thanks, I managed to work it out. I already have the web gallery incorporated into my website via bridge into dreamweaver cs6 using iframe (http://foundationphp.com/tutorials/gallery/embed1.php) no problem but was wondering how you update this gallery if you wanted to remove or add new photos to this gallery,
This is what you do for anyone out there who may want to do the same and their site is not yet live on the www.
1) Go back to the folder that contains all the photos for your photo gallery on the hard drive in windows explorer. Remove or add photos there in Windows Explorer.
2) Then open Bridge and select that folder. In the panel on the right should contain all the properties for your photo gallery.
3) Check in the main screen that the new photos have been added or the old ones have been deleted.
4)Click save in the right panel. Bridge will then update the Adobe Web Gallery Folder. Then go into that folder and check name of html file. Rename it if you like (make sure it doesnt have the same name as any other html files that's in your website root folder).
5) Then select your new html file and the resources folder in your Adobe Web Gallery folder and right click and copy.
6) Paste both files into your website root folder. You dont need to do anything to your html code in dreamweaver at all as you have somehow already created a link in there when you embedded your gallery originally!!!
7) Then check the page on internet explorer in dreamweaver to test it and bingo it should work!! It worked for me :-)
Hope this helps?
Cheers
Anna

Add photo gallery to Dreamweaver created pages

Similar Messages

Maybe you are looking for