Creating photo gallery

I'm sure there must be a simple answer...but, how can I create a simple gallery. I have 85 photos I want to show. I do not like the photo page templates, so I want to create thumbnails of all and then just have the user click on a thumbnail and have a larger version of the photo popup on the same page. I realize I can do this by creating 85 copies of the thumbnail page with a larger version of each one on each page, but I'm looking for a more streamlined way. Thanks.

Lol levy...
"I realize I can do this by creating 85 copies of the thumbnail page with a larger version of each one on each page, but I'm looking for a more streamlined way."
Right now, this is the only way that I know of doing this. Suzanne Bobben has some great examples on her page "11 mystics".... I was going to post the url but I see that .Mac has blocked her site because of bandwidth restrictions - ouch!
Sorry.. wish I had better help.
jim

Similar Messages

How to create photo gallery rollover?

I want to create a photo gallery similar to that created by the slideshow widget where rollover on the thumbnail changes the enlarged image but I wish to place the individual thumbnails wherever I want (not grouped) eg. one thumbnail on the right, one thumbnail on the left etc. Can someone direct me to a tutorial or step by step instructions on how to accomplish this. I am trying to evaluate the software for purchase. Thanks

I answered my own question.
It's Design tab/ Object/ Insert Composition/ Lightbox Display. The thumbnails can be moved anywhere unlike the slideshow widget where they are grouped in one location.

Creating photo gallery - newbie needs help!

Hey guys!
Ok, so I've never really gotten into action script, which is
why I'm using
http://www.kirupa.com/developer/mx/photogallery.htm
as a guide, great tutorial :) But I seem to have some problems.
I downloaded the zip file at the bottom of the site (because
I'm lazy) and I've managed to put my own images into the thing -
but, the images aren't scaling correctly. I did do the 100%
transform thing, but still I can only see a little piece of the
image when I press preview. I was wondering if there's any
actionscript code that I could put in so that they would scale
correctly inside the mask? And also, is there a sollution if I'm
having both vertical and horizontal pictures?
If you have any other tutorial for photo galleries that you
can recommend - I'd be very greatful!
(Sorry if I'm confusing.. I'm confusing myself too..)

slideshowpro.net
"Atnace" <[email protected]> wrote in
message
news:gnhkkq$7cv$[email protected]..
> Hey guys!
>
> Ok, so I've never really gotten into action script,
which is why I'm using
>
http://www.kirupa.com/developer/mx/photogallery.htm
as a guide, great
> tutorial
> :) But I seem to have some problems.
>
> I downloaded the zip file at the bottom of the site
(because I'm lazy) and
> I've managed to put my own images into the thing - but,
the images aren't
> scaling correctly. I did do the 100% transform thing,
but still I can only
> see
> a little piece of the image when I press preview. I was
wondering if
> there's
> any actionscript code that I could put in so that they
would scale
> correctly
> inside the mask? And also, is there a sollution if I'm
having both
> vertical and
> horizontal pictures?
>
> If you have any other tutorial for photo galleries that
you can
> recommend -
> I'd be very greatful!
>
> (Sorry if I'm confusing.. I'm confusing myself too..)
>

Need help to create a photo gallery/slideshow

I want to create photo gallery similar to the url below. Is
this an off the shelf or built into flash.
If there's any tutorials that exist please inform. Thanks

Whenever I need a gallery like this i usually just buy one
from:
http://www.flashcomponents.net/component/
they are usually like $8-10 and have saved me quite a bit of
time... there are plenty of tutorials out there for custom ones,
but for $8 its hard to pass up a pre-built... i know this doesnt
answer your question exactly but i figured i would give my 2 cents,
hope this helps :)

Photo Gallery for mobile devices

I am updating my web pages with HTML5 + CSS3 mainly with Dreamweaver.
I would need advice how to create photo gallery for mobile devices, please.

If you are using a Studio VII product, you get excellent tech support with them. Just send them a message via email. I had an issue with mobile devices and Studio VII's Slide Show Magic. They create a slide show that has a drop-down navigation system that one may move in all browsers except mobile browsers. So, if you are on a mobile device, the navigation (small icons of the pictures in the slide show) will be in the way of the slide show if you activate the menu.
I had a back-and-forth with Al Sparber where I requested help. He very quickly identified the problem and told me exactly what to change in the CSS for the drop-down navigation system. Boom! Done. As a result, I highly recommend his tools. They solve problems and, if there is a problem with the solution, he's there to solve any issues that arise. If you buy something from him, you get him to address any issues you have.
So, in my experience, you're safe in buying their products. They host very good tutorials for their products on their website and they'll hand-hold you for anything you throw at them and help you to manage stuff.
-Mark

How to create a dynamic button to download a photo gallery in Adobe Muse?

I need to create a gallery in Muse, so far so good, but when each photo was displayed automatically would have to see a download option that picture, ie, individual download each photo gallery. Is how to do this? Is there a script for Adobe Muse or widgets?
I thank your attention !!

Hi Terry,
As I already said, this is really a helpful tutorial to me.
I have one question though. Is it possible to make a dropdown menu that gets triggerd by pushing only the menu button itself and not the whole header? It doesn't seem possible to me, as the accordion panel has to be the same size as the menu. I can't think of any solution but to align a small menu to the side of the screen, which would not be my first choice to do.
Any workaround suggestions are welcome!
Thanks in advance!

Help with creating a photo gallery?

im trying to create a simple photo gallery. all i need to
know is the lingo so that i can rollover a thumbnail of an image
and it appears in place of a black box.... any help would be much
appreciated.

what code do you already have? Maybe we can help you modify
it where it's not working.
Also, how do you have it currently laid out? eg. do you have
several images on the screen, but some method to scroll through
other images? Have you done a search here or on director-online.com
(in the forum or articles section) on similar questions? Do you
have something written up to describe what features you need such
as a design document?
Just trying to get a sense of your level of programming in
general, experience with Director and what planning/details you
have worked out so far because there are so many different ways to
program a gallery.

How can I create a photo gallery in flash cs3, Iam a beginner in flash

How can I create a photo gallery to put into my current flash site Iam creating? Using flash cs3, can anybody suggest any tutorials (noting complicated with me being new to flash cs3)
When going on line I saw that maybe you can use Dreamweaver, XML, or even Photoshop can anybody explain the difference between using one or the other?
THanks

Indeed, google ftw.
For example:
+as3 photo gallery flash tutorial
reveals many including this one:
http://www.flashmagazine.com/Tutorials/detail/as3_photo_gallery/

Help to create a photo gallery..

Can anyone visit this site..
www.ted.com
I want to create a photo gallery like that.. I mean when i hover my mouse over a thumbnail my image should enlarge.. and if i click i should be able to download..
I want that animation while loading between my galleries..
please help me.. please.. no need that various sizes for all tiles.. no problem even if all tiles are of same size.. please.. I need it so badly..
thanks in advance

Whenever I need a gallery like this i usually just buy one
from:
http://www.flashcomponents.net/component/
they are usually like $8-10 and have saved me quite a bit of
time... there are plenty of tutorials out there for custom ones,
but for $8 its hard to pass up a pre-built... i know this doesnt
answer your question exactly but i figured i would give my 2 cents,
hope this helps :)

How do I create a web photo gallery in Photoshop CC?

In previous versions of Photoshop I go to "file", "automate", and create a web photo gallery. That option is not available in Photoshop CC. Tutorials online teach how to create this through Bridge but I can't seem to find it there either. Please help!

Maybe this will help ( a bit )
http://helpx.adobe.com/bridge/kb/pdf-presentation-web-gallery-available.html

Creating a photo gallery like the China Gallery in Adobe Labs. How?

I have photos in several categories (I'll use 2, "frank" and "wolfie" as examples here). What I'd like to do is build a photo gallery like the China Photo Gallery shown in the Adobe Labs site, where the user can switch between categories without going to a different page. Here's what I've done so far and how I'm stuck:
I created a photo gallery with the instructions in the tutorial "Building a photo album with the Spry Framwork". I then inserted a Tabbed Panels widget for navigating between the categories.
I set up an XML file as follows:
/* frank category */
<photo
path = "001p.png"
width = "467"
height = "467"
thumbpath = "001p.png"
thumbwidth = "85"
thumbheight = "85">
</photo>
/* wolfie category */
<photo
path = "001f.png"
width = "467"
height = "467"
thumbpath = "001f.png"
thumbwidth = "85"
thumbheight = "85">
</photo>
To create the div holding the thumbnails for the "frank" category, I entered the following:
<div class="thumbdiv" spry:region="dsGallery"><img src="thumbnails/frank/{@thumbpath}" spry:repeat="dsGallery" spry:setrow="dsGallery" class="thumbs" /></div>
To create the div where the full size images will be displayed, I entered the following:
<div class="mainpic" spry:detailregion="dsGallery"><img src="images/frank/{@path}" onload="MM_effectAppearFade(this, 1500, 0, 100, false)" /></div>
Then, in the tabbed panel set for the "wolfie" category, I did the same thing, substituting "wolfie" for "frank". However, since there is only one xml file, spaceholders for all of the thumbnails appear in the thumbnail div for the frank category. I realize that I'll probably need to create a separate xml file for each category, but how do I set it up so the correct xml file is accessed when the link in the tab is clicked? Or am I approaching this all wrong?
From reviewing the source for the China gallery, it appears that they set up links to different xml files instead of Tabbed Panels. How does that work? There are also some javascript files I can't find anywhere on Adobe's site.
Thanks

Hi,
If you have seperate XML file but with the same basic structure then you can change the XML a Spry dataset refers to and regenerate the spry region without reloading the full page.
So on my photo gallery page I can change the album the photos are shown from via the seturl sprydata function as below. dsPhotos being my Spry dataset that points to the relevant XML dataset with my image references and captions etc. My XML is actually dynamically generated from Picasa RSS feeds (and RSS feeds are XML) but the principle will be the same with your static XML.
First I add an event listener for when someone clicks on an album (the li tag within my div with the id "albums" holds a photo and title for each album.)
function Albums()
var myalbums = Spry.$$("#albums li", "TabbedPanels1")
var rows = dsAlbums.getData();
var setListener = function( element, value )
Spry.Utils.addEventListener( element, "click", function(){ showAlbum( value ); },false );
for( var i = 0, length = myalbums.length; i < length; i++ )
setListener( myalbums[i], i );
Then this is the code which changes the photo album to be shown. (when the user clicks the relevant album)
function showAlbum(i)
pauseShow();
pImage = 'No';
var rows = dsAlbums.getData();
var albumid = rows[i]["albumid"];
var url = "xml/PicasaAphotoFeed.asp?albumid=" + albumid;
dsPhotos.setURL(url);
dsPhotos.loadData();
var rowcount = dsAlbums.getRowCount() - 1;
var nextalbum;
var navnext;
var n;
The page is here www.thehmc.co.uk/photo5.html is you want to see it in context.
In your case showAlbum would switch between Frank.xml or Wolfie.xml depending on how you decide to name your xml datasets.
Regards
Phil

How do you embed a photo gallery created in adobe bridge to a webpage?

HI,
Help would be appreciated, i have created a photo gallery using adobe bridge but i am struggling in finding a way to embed the gallery to a webpage. I do not dreamweaver. Can anybody help?
Many thanks

It is a little more difficult to do this without DW or a similar app. but it can be done using regular html code and creating Links on your Home/index page to your Galleries.
Each complete Gallery folder needs to be uploaded into your Site folder on the Server which hosts your web site and you create separate links on your Home page to each of them.

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

Creating a photo gallery / portfolio for a client to manage (CMS & Business Catalyst)

I have been asked to create a website for a client, the client is a photographer and wants a site to promote her nursery school photography business. She would like to be able to manage the site herself using the BC dashboard, uploading images as and when needed. I use Muse to create sites and have informed the client that for any kind of CMS they need to host with Business Catalyst.
My issue is creating a relatively limitless photo gallery / portfolio. As I understand it a client can upload and change images on their site using the BC dashboard, providing there is a slot available to do so. I believe Business Catalyst has a photo gallery module on their Webmarketing package, would this be what I am looking for? Failing that are there any good workarounds available for my client using Muse alone?
In the future the client is looking for secure zones within the site and also an online ordering system, but right now it's a fairly simple promotional site with a good gallery of pics.
I posted a similar question last week, someone very kindly suggested Smugmug, I looked into a separate solution (including Smugmug) but it's not suitable in this case and I would rather stick to Muse, BC and Adobe.

Hi
Yes, you can use Photo Gallery module, where your client would be able to upload new images from site backend and update the module. Also with photo gallery there are other parameters which they can use for image display.
https://www.youtube.com/watch?v=x-MuLyhxS5o
https://www.youtube.com/watch?v=Hg8pB1cLvnk
For future preferences , your client can setup secure zones, online shop etc from site admin.
Let me know if you have any questions.
Thanks,
Sanjit

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

Creating photo gallery

Similar Messages

Maybe you are looking for