Adding a photo gallery

Ater a search, I'm more confussed than ever. I have the site to the point where I'm ready to add photos.
I'm a photographer( I have PS cs2 and a trial DW CS4) I would like to display 5-10 photos on my index page in the form of an automated slide show. So that when a viewer comes they will see some samples of my work. I didn't know if it is ok to post links to examles of other sites on this form.
On my gallery page I would like to have my thumbnails across the bottom of the page so that the viewer can scan across the bottom and then click to enlarge the ones that they want to use. It doesn't have to be elaborate, I don't need music or popups, I just want to show the photos not all the magic of the website, if that makes sense.
Is this possible with these two products or will I need more?
Could someone point me to a tutorial?
In my search there seems to be this debate of the use of flash, could someone steer me in the right direction on it and if and why I would need it?
Please forgive me and my noobie-ness.
Thank you

There are so many ways to do this... Dreamweaver itself has a "Create web photo album" under Commands on the menu. Fireworks has something similar. These pre-packaged solutions will not give you what you want. You can get the automated slide show for your home page without too much trouble with Flash. Take that "too much" with a little grain of salt. There is a pretty big learning curve for anything in Flash.
You might be able to do the gallery page that way too, but that's not at all straightforward. Odd as it might sound, Javascript is a much easier way to go.
Is the idea of keeping file information in a database out of the question?
I am a photographer as well as a web designer so I've been dealing with these questions a lot. Take a look at http://www.secondsightimages.net and the Gallery link.
Barry

Similar Messages

Adding a photo gallery loses the editable region

Hello I have a test site that I am road testing for my client and have noticed a slight problem when adding a photo gallery. When a photo gallery is added to a page the once editable region then loses it’s editable status. When I take the page back in Dreamweaver the div is still showing as editable but this is not the case when using incontext editing.
Any help would be most welcome
thanks
Martin

It is a module, there is nothing to edit, the content isa module generation which renders the gallery based on its paramaters. In the case of a gallery you go add the images into the folder, give them captions in the admin if you wish and depending on the CSS setup you have they render.
I personally teach no client to use that editor, everything is through the admin with good web apps use and pages and good templates etc.

Need help in adding Cooliris photo gallery to premade web template.

Hi,
I purchased a flash template that has nice effects. I would like to add Cooliris or a nice photo gallery page to the site. I contacted their help forum from where I bought the template and they say the effects are an embedded video that has to be custom editied, which I don't know how to do.
What do I need to do? Can I upload the template in this forum to show exactly what I mean? or, I can show you the sample template at:
http://www.templatetuning.com/flash-templates-preview/32485.html
Marty

Change this -
        <p><u>Welcome to Automated Compliance Solutions</u></p>
        <p><a href="contactacs.htm"><img src="button.png" width="266" height="56" border="0" align="right" /></a></p>
to this -
        <p><u>Welcome to Automated Compliance Solutions</u></p>
        <p><a href="yourlink.htm"><img src="yourbutton.png" width="266" height="56" border="0" align="right" /></a></p>
        <p><a href="contactacs.htm"><img src="button.png" width="266" height="56" border="0" align="right" /></a></p>
Be aware that my suggestion here is NOT valid XHTML, but since you are not a web developer, and the 'invalid' markup that I have suggested will not affect the rendering or operation of the page, I decided to keep it simple for you. In my suggestion, "yourlink.html" refers to the page to which you want this button to link, and "yourbutton.png" refers to the filename of the button image (obviously you'd want to change this to correspond to the filename and extension of the image you have created).

Adding Updating Photo gallery in AS3?

I am developing a IOS App in Flash cs5.I want to add a Photo gallery tab in the App.Which show below..need just like tat.
http://i55.tinypic.com/1zzgcpk.jpg
It must be able to update the picture from an website RSS link or an Picasa public album link
Once a picture is clicked it must enlarge it self.
May a link within the image to set is as wallpaper or share in facebook(may be NOT so needed... would be good if so)
Pls help me out

I was sesrching for that for a long time before i created this tread. There is many tutorials and exaple files for page flip or page turn but i cant find good one. Many of them was coded in as1 or as2 other using php and java script so its difficult to understant. I just want one simple solution for that. It cant be so hard to create something like that. Could you help me to find some good and simple tutorial in as3?

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.

Adding a Photo Gallery to website

Does anybody know of any good, free, photo galleries that can
be embedded/added to a website in Adobe Contribute CS3?

Someone with a basic understanding of HTML/CSS/JS code can get the location of your images and download them, even if there is no direct way to download or save them from the site front end.
Since the path to your image is right there in the page code somewhere, you can only make it difficult to find, but not impossible to download for internet users.
Hope that clarifies.
Cheers,
Vikas

Photo gallery able to reorganise into subcategories + adding new images via in-browser editing

Hi,
I'm looking for a photo gallery which has the ability to reorganise the images displayed based on subcategories or tags. For example I want to add a gallery which contains photos of a clients projects. The client wants site visitors to be able to shuffle the gallery to view only for example "stone walls" or "timber decking". A tagging system would be handy rather than having to load the photos into each subcategory.
The other consideration is that my client needs to be able to add new images with tags using the in-browser via Business Catalyst. So far I have only succeeded in replacing existing images rather than adding new images.
Is there such a widget for Muse or are there anyother widgets for wordp-ress or other which could be embedded to tdo the job.
Thanks in advance,
Jimmy

Hi Jimmy
If I am not wrong, basically you want to provide users an option to select category of images which they want to show up on page.
From Muse we cannot tag or categorize them , also photogallery module in BC does not provides this option, but there is a workaround with web apps.
You can create a web app and then web app items as images and then categorize them. On page insert the web app with categories drop down, so when users will select the category those web app items would be displayed on page. Additionally you can add custom fields in web app to search using keyword.
With editing , clients can login to BC admin and then using photogallery module or web app module ( if used ) to edit the images, add new ones. IBE cannot be used to add new ones but to replace existing ones.
Helpful Links :
http://helpx.adobe.com/business-catalyst/partner/web-apps.html
http://helpx.adobe.com/business-catalyst/partner/building-web-apps-part-1.html
Thanks,
Sanjit

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

Is there a way to send a pdf form with a place for a picture. The picture could be added from the photo gallery or tablet camera?

Is there a way to send a form to a field force that allows a picture to be added. The field person could add the picture from the tablet's photo gallery or take a photo with the camera?

We have encountered the same problem at our company, and the following thread help us to resolve our problem:
Thanks to KevinCur.
Error while saving a .PDF File to a mapped drive
"It has to do with Protected Mode being turned on. I don't know if it was off by default & now it is on with the update but turning it off changes Adobe Reader's behavior back to what the users expect - a prompt warning you if you want to overwrite the existing file & then selecting Yes to overwrite.
To disable Protected Mode:
Start Adobe Reader
Edit - Preferences - Security (Enhanced)
Uncheck Enable Protected Mode at Startup
Close Preferences & Close Reader"
We unchecked the "Enable Protected Mode at startup" box --> Yes --> OK. Our users are happy now. ^_^

How do you open a picture that has had text added using software such as Windows Photo Gallery?

How do you open a picture that has had text added using software such as Windows Photo Gallery?

In Editor, go to File menu>open, and point to where the photo file is on disk.

Adding Caption to Spry Demo Photo Gallery

Guys,
Can someone please help... I'm trying to add a dynamic
caption to the following photo gallery:
http://www.stevenbeverage.com/gallery.html
Right now, I'm just using the image path for the caption, but
it doesn't change with when a new image is loaded. I started with
the demo files provided in the spry frameworks download.
Here is my code (the important parts anyhow):
<link href="spry/screen.css" rel="stylesheet"
type="text/css" />
<script type="text/javascript"
src="spry/SpryEffects.js"></script>
<script type="text/javascript"
src="spry/SpryDOMUtils.js"></script>
<script type="text/javascript"
src="spry/SpryImageLoader.js"></script>
<script type="text/javascript"
src="spry/SpryNotifier.js"></script>
<script type="text/javascript"
src="spry/SpryThumbViewer.js"></script>
<script type="text/javascript"
src="spry/SpryImageViewer.js"></script>
<script type="text/javascript"
src="spry/SprySlideShowControl.js"></script>
<script type="text/javascript"
src="spry/gallery_init.js"></script>
<script type="text/javascript"
src="spry/xpath.js"></script>
<script type="text/javascript"
src="spry/SpryData.js"></script>
<script type="text/javascript"
src="spry/gallery_xds.js"></script>
<script src="SpryAssets/SpryTabbedPanels.js"
type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css"
rel="stylesheet" type="text/css" />
<script type="text/javascript">
var dsPhotos = new
Spry.Data.XMLDataSet("gallery/sculptures.xml", "/gallery", {
subPaths: "photos/photo", filterDataFunc: PhotosFilter });
var dsData = new
Spry.Data.XMLDataSet("gallery/sculptures.xml", "/gallery", {
subPaths: "photos/photo", filterDataFunc: PhotosFilter });
</script>
<div id="galleryLinks" align="left"
style="position:relative; width:100%; height:28px;
border-bottom-style:solid; border-bottom-color:#333333;
border-bottom-width:1px; margin:0px; top:0px; left:0px;">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab"><a
href="gallery/sculptures.xml">Sculptures</a></li>
<li class="TabbedPanelsTab"><a
href="gallery/paintings.xml">Paintings</a></li>
</ul>
</div>

<div id="wrap">
<div id="gallery" class="gallery">
<div id="previews">
<div id="controls">
<ul class="style1" id="transport">
<li><a href="#" class="playBtn" title="Play/Pause"
id="playLabel"><span
class="playLabel">Play</span><span
class="pauseLabel">Pause</span></a></li>
</ul>
</div>
<div id="thumbnails" spry:region="dsPhotos dsData">
<div class="thumbnail" spry:repeat="dsPhotos">
<div>
<a href="{path}"><img alt="" src="{thumbpath}"
spry:setrow="dsData" /></a> <br />
</div>
</div>
<p class="ClearAll"></p>
</div>
</div>
<div spry:detailregion="dsPhotos dsData">
Caption:{path}{caption}
</div>
<div id="picture">
<div id="mainImageOutline">
<img id="mainImage" alt="main image" src=""/>
</div>
</div>
<p class="clear"></p>
</div>
</div>
Any help would be greatly appreciated!
- Omar

add additional field : caption1 to the xml file with the
slideshow album information in each image line. this caption1 field
will have the
http:// address of the caption
then modify the caption display to read -
<a href="{@caption1}">{@caption}</a>
see how this works here
http://jugalbandi.info/wp-content/uploads/2008/click02/index.html

Adding a Flash photo gallery on DW

So, I'm trying to add a flash photo gallery on my site. I am very new to this and cant seem to figure out how to do it exactly.
I've found free templates online and downloaded the files. But I am unsure where to go from there. Like I said, I very unexperienced with this program, I did find the add flash option, but am unsure which files to add.
Any help would be greatly appreciated!
Thank you

Hi
The documentation confirms what I have written in my previous post it is controlled by an xml file.
Copy all the files required as indicated by the documentation into the required folder and open the gallery.xml file in dreamweaver.
Insert the images file locations into the xml file as indicated in the example. Important - the location of the files MUST represent where they would be if referenced from the html page you are inserting the image gallery into.
This means that it is probably better if you create the xml file in the same file position as the html page and the copy this file into the required position in the gallery folder that they suggest you create.
PZ

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.

I after updating to iOS 8 in photo gallery folder is missing.

I after updating to iOS 8 in photo gallery folder is missing. Of what I can not be divided with old photos no one. There is a folder in which the recently added only recently added More Photos. How to return this folder?

Hello Simmo1997,
Sorry to hear about your issue but let’s see if we can get your iPhone back up in running. If your iPhone is disconnecting when trying to restore then check out the article below to get you started with isolating the issue. Let me know if it gets resolved or if you discover a new symptom.
iTunes: Resolve USB-related alerts
http://support.apple.com/kb/HT5772
Regards,
-Norm G.

Need "Rotate" Function in Photo Gallery

All of my screen grabs end up 90 degrees rotated in PhotoGallery. There is no rotate function in Photo Gallery so to deal with these images I first open them in Adobe Editor on iPad and rotate them then save them to PhotoGallery.
Is there a better way to do this?

To the example that you have linked to above, make the following additions
<div id="arch-container" style="position:relative;">
<div id="arch-img" style="position:absolute; top: 170px;"><img src="images/arch-img.png" alt="arch_img" width="959" height="195" /></div>
</div>
I have used inline styles to make it easy on myself, but in reality you would put the style rules in the corresponding element selector in the CSS. Also, you would readjust the values to suit.
Also, it is worth mentioning that placing a width and height on your image as you have done, should really be done using CSS.
Added:
As a side note, I have gotten into the habit of using classes for all of my style rules. I came to the conclusion that this is the way to go when trying to analyse a problem within my web page. ID's are unique per document and as such are used when manipulating the DOM using JavaScript. Now when I see an ID in one of my documents, I know that it is not a styling matter as in CSS, but a problem within my script.
Take the above note as a thought, because there is a ongoing debate about this.
Message was edited by: Altruistic Gramps

Adding a photo gallery

Similar Messages

Maybe you are looking for