Grid photo gallery

What is the best way to set up a photo grid gallery in DW6? I had previously used a table.

OK Sudarshan I have looked at Lightbox and it is similar to the Adobe Bridge web gallery where you have to click on thumbnails and then javascript enlarges the image; and then you have to click again to go back and rotate through more photos etc.
I just want a simple static grid gallery that is not interactive and viewers simply scroll up and down.
Do you know of anything where the viewer can simply look at a row of photos without having to click on anything?
Is there some nice CSS code that would align photos neatly in simple rows?
Thanks
Martin

Similar Messages

Photo Gallery Grid style

Is there a way to have a photo gallery on a web page but in the style of a grid instead of a slideshow? Im going to have a lot of photos and would like my clients to be able to scroll through them all.
Thanks

Hello,
You can either add the images individually or can use a Lightbox widget (if you wish to have the Lightbox effect).
Regards,
Sachin

Photo Gallery Display

Hi there, I have created a site which includes a photo gallery, when I drag my photos into the iweb page it shows the photos in a grid format which is pretty ugly! if I double click on any one of the images the layout changes and I have small thumbnails along the top and it displays a large version of the highlighted photo, which I think looks much neater and more professional there is a button on the top left which reads 'back to album' (I don't want to go back to album because it looks ugly!). As soon as I publish the site it goes back to the horrible grid format. Is there any way I can retain the format with the small thumbnails along the top so that is always viewed in that format? .... hope that all makes sense!! Many thanks

Once I publish the site the web gallery is in the standard grid format, when I double click on an image it changes to show the thumbnails at the top and a large version of the chosen image. What I'm looking to happen is that when I click to view my photo page it goes straight to that format rather than displaying the grid first... can this be done.... I'm using iweb as I want to keep things as simple as possible web... I'm no good with HTML, CSS all that stuff. Help a web novice out!!!

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

Links get broken after adding photo gallery

I discovered a strange problem when creating a website with photo gallery.
I have a menubar with static links to all pages of the website which worked perfectly. Now after adding a photo grid the links of the my menubar are not clickable at all. This problem exists only if the photo thumbnail row is displayed. Do you have any ideas how to disable the thumbnail row automatically or any other workaround for this bug?

I have the same problem. Please see http://www.campfieldhouse.co.uk/Campfield_House/Gallery.html The page links 1, 2 and 3 just don't work. This is all coded automatically and there are no options for this. Thanks

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.

Simple photo gallery

I used a very old version of Fireworks some time ago, which I
think had the ability to do this but I'm now uing CS3 and wanted to
know:
I would like to create a simple photo gallery whereby there
is a grid of 4x3 image thumbnails and then when you click on one of
the thumbnails it enlarges the photo to take up the occupied space
of where the thumbnails exist - click close and then it takes you
back to the thumbnails.
Is there any way of doing this in CS3? I'm presuming I could
use slices and layers with hotspots but I'm not entirely sure how -
are there any tuturials on this.
Thanks in advance for any help on this subject.

Hi,
Not exactly what you're asking for but are you aware of the,
new to CS3,
'Create SlideShow' Command?
There are six (I think) different layouts, one of which may
suit.
An example of one I threw together can be seen here
http://www.fasterthanu.com/
There are also a couple of links on bridge to tutorials as
well as some on
the Adobe site
Peter
"greencode75" <[email protected]> wrote in
message
news:fgjvai$qg$[email protected]..
|I used a very old version of Fireworks some time ago, which
I think had the
| ability to do this but I'm now uing CS3 and wanted to know:
|
| I would like to create a simple photo gallery whereby there
is a grid of
4x3
| image thumbnails and then when you click on one of the
thumbnails it
enlarges
| the photo to take up the occupied space of where the
thumbnails exist -
click
| close and then it takes you back to the thumbnails.
|
| Is there any way of doing this in CS3? I'm presuming I
could use slices
and
| layers with hotspots but I'm not entirely sure how - are
there any
tuturials on
| this.
|
| Thanks in advance for any help on this subject.
|

Add a Multi-Page photo gallery

Anyway we can get a multi-page photo grid for muse similar to this (old site done with Apple's iWeb)
http://jeffnitschke.com/orange4/clearwater_photos.html

If you're a little familiar with Business Catalyst, you might find this widget helpful.
It's a BC Photo Gallery - Muse Widget, Its very easy to use and customize.
There is a training video on how to set it up.
However Brad is right, you'll need to upgrade to BC webMarketing Plan.

Filterable Photo Gallery

Hello everyone,
I wish to use responsive filterable photo gallery from
http://www.jqueryscript.net/layout/Responsive-Filterable-jQuery-Portfolio-Gallery-Plugin-E lastic-Grid.html
in my website http://bhc.edu.in/MATICS/gallery.php
I followed the instructions ... but i found nothing in my page.I dont't know what i did wrong.Please help me.
Thanks in advance.

If you are referring to the desktop layout, (line 641 in layout.css) change the width to suit.
Personal note, aesthetically, I prefer the width of your Photo page over the width of your other pages.
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
width: 88.2%;
max-width: 1232px;
padding-left: 0.9%;
padding-right: 0.9%;
margin: auto;

Filename in Photo Gallery

Since updating my iPad2 to iOS 8, the filenames have vanished from the photo gallery. I am a designer and I used to take the filename of photos as reference for my clients. I have more than 8000 pictures in the gallery. Please HELP
Hate Apple so much for ruining my work.

I Can't ever recall seeing file names in the default Photos app. Perhaps you were using iphoto on your iPad which is no longer supported? Check the App Store for other photo handling apps To find one that shows the file names. I use Photo Manager Pro to show photos to my clients. It does a better job of that than the Photos app. you can set the preferences there to display the file name.

Photo gallery with Thumbnail View in Flex 3

Hello everyone
I very urgently need an answer to a very simple qeuestoon. I have been trying really hard since days to get a solution to this simple problem but in vain.
I am building an application in Flex 3. I simply want to create a photo gallery with a thumbnail where when the user clicks on a thumbnail, the image is shown in the canvas/tab navigator box next to it. The images are stored in a local folder (in src) are ARE NOT on available on any web link.
The Vbox with the thumb image and the .xml file has been created. But when I click on the thumbnail, the full image cannot be seen in the application. I dont know if this is a problem with data binding or what.
Please help!!!
Thanks a ton.

Check the folder structure
Flash is not able to get some file thats why the IO Error.
trace the url path just before u load the file and u will be abel to find whether that file is in specified folder or not.
http://www.darshanrane.com

Photo Gallery not showing photos in computer Web browser

None of my photo gallery photos are showing up in a computer's Web browser? They show up fine when you click "View Web Journal in Safari" on an iPad 2, but when I publish them to iCloud and Share the Web Journal Link, the photos don't show up?? It's happening with all of my Journals. It doesn't work on a Mac or Windows? What gives??
You try it:https://www.icloud.com/iphoto/projects/#1;CAEQARoQdoVWsxptdYjcSQD-Rg1QVg;B692688 8-A220-4FF7-848F-6383BB15A5DB

Arrrrrrrrrrrrrrrrgh, matey. They all show for me in Safari but require several page refreshes to get them all to display. Those that don't display will if I click on it and then go back to the page. However, when retuning to the first page will put be back at square one and require multiple refreshes to get them to display, but not always.
Also, the page links are all messed up. Clicking on them just returns me to the first page. If I Option click on a page link from Page 1 I will get to the right page.
I am unable to get Firefox or Chrome to work at all on your gallery.
Send a bug report to Apple via http://www.apple.com/feedback/iphoto.html. You can include the URL to this topic in order to include my comments and findings.
OT

Photo Gallery bug in IE7

http://labs.adobe.com/technologies/spry/demos/gallery_pe/dynamic/index.html
On mouseover, selected thumbnail expands behind other
thumbnails instead of hovering over them. Works fine in FF.
Is there a way to fix/override this?

@Kin
The gallery demo files do not put an anchor link around the
thumbnails. The article you list is describing how to alter the
files for (newer?) examples that require about 8 different include
files -- which, given the already HUGE download hit required to run
a photo gallery, seems excessive.
Can adobe not write up a solution that works for the sample
files for the gallery that only requires 3 includes + 1 css file
(which can be added to your own style sheet to avoid yet another
file download)?
Or, is there someway to grow the thumbnails from the bottom
right corner, thus avoiding any overlap by subsequent thumbs? I
tried setting the grow from center to false in SpryEffects but it
appeared to have no effect on the function in the gallery.

Photo gallery problems in Vista IE

Hi there,
I've made Spry Photo Gallery which works fine on Mac(Safari, Opera, Firefox) on Windows 2000 pro IE but don't work on Vista IE.
I can not find a problem. Can anyone help!

It is an HP dv6040ca that has vista 64-bit on it. It has a NVIDIA sata driver, that I have tried to up date today.
Drat. HP has been offering a Microsoft Standard Dual Channel PCI IDE Controller Update/Rollback that has been helping with this sort of thing on desktop models (32-bit), but they aren't offering it on notebooks.
Are you up to date on that BIOS update they are offering? (They don't say what it does, but it might be worth a crack.)
Software & Driver downloads: HP Pavilion dv6040ca Notebook PC (Vista 64-bit)

Photo Gallery Database in Dreamweaver Help

Can anyone offer advise on a simple solution for a photo gallery based on a database that can be intergrated to a website that I'm creating in Dreamweaver. Does anyone know of any widget like options and or templates? Thanks in advance.

I have a PHP script that dynamically populates the page with images from a folder. I don't keep images in a database.
http://alt-web.com/GALLERY/GalleryTest.php
Nancy O.

Grid photo gallery

Similar Messages

Maybe you are looking for