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

Similar Messages

Creating a simple photo gallery.. buttons not working.

Im trying to create a photo gallery that when you click on the thumbnail image you get a blown up image on the screen. The user will then hit the little "x" button to return to the thumbnail page.
I have attached pictures of what they look like. My issues is that when the user clicks on the little "x" nothing happens on images 2-5. It works fine on image 1. I have fiddled with the code, creating different buttons, using the same button both with different instance names and with different. Still does not work. I do not get any error messages during test either. Im at a loss. Please help!
Here is the code as it stands: (ActionScript 3.0 using Flash CC)
function go_back1(event:MouseEvent):void {
gotoAndStop(1)
close1.addEventListener(MouseEvent.CLICK, go_back1);
close2.addEventListener(MouseEvent.CLICK, go_back1);
close3.addEventListener(MouseEvent.CLICK, go_back1);
close4.addEventListener(MouseEvent.CLICK, go_back1);
close5.addEventListener(MouseEvent.CLICK, go_back1);
close6.addEventListener(MouseEvent.CLICK, go_back1);

I think the problem lies in skipping the frame where the button gets the listener assigned to it. If you are at frame 1 and then jump frame 5 or beyond you skip the code that would be assigned in frame 4.
Try the following. Have the close button start from frame 1, but in frame 1 make it invisible. Also move the listener code and event handler function there as well
          close1.visible = false;
          function go_back1(event:MouseEvent):void {
            gotoAndStop(1)
          close1.addEventListener(MouseEvent.CLICK, go_back1);
Then in whatever function(s) you have for going to one of the large picture frames include the line to make close1 visible.
        close1.visible = true;

Looking for a simple photo gallery web server setup

Hi,
I have Arch running on my low powered AMD HP microserver and am looking at letting relatives,friends etc see my photos over the web.
I have php and sqlite3 already installed and dyndns setup.
What further would I need (I'm looking for as painless, light and small as possible setup)
Cheers
Smiffy

Yes - I've tried that and could try a few different setups until I find what I want.
I was more looking for any recommendations especially from someone who has set something like this up before.
This page was useful :-
http://www.yolinux.com/TUTORIALS/LinuxT … llery.html
BBGallery looks good and simple to me but needs GIMP (I have a headless server so don't really want to install extraneous sw)

Creating simple photo gallery

Hi,
I'm trying to create a simple photography portfolio in Flash
8, whereby the user clicks on a thumbnail and the image fades up. I
have 24 thumnails, so do I need to create 24 different 'fading
image' movie clips, or is there an easier way to do this? Is it
possible to create one movie clip and then just update the image
within it?
I'm quiet a newbie so i might be missing somehting here...
Any help greatly appreciated. David.

Ok,
So many of you started using this that I had to look it over
and figure out how to make things easier. The setup on the stage is
exactly the same, except you should now create a simple preloader
movieclip and place it on the stage - name it "loader". Remove all
the actionscripts you had attached to your buttons and the holder
movie clip and everywhere else. The script below should be the only
script in the movie and should reside in the first frame. Simply
copy and paste the following script into the first frame of your
timeline:
/* SCRIPT STARTS HERE - COPY FROM HERE DOWN */
/* make sure your jpegs are named Image1.jpg, Image2.jpg,
etc., etc... */
var reset:Boolean = false;
/* change numOfImages to the total number of images you have,
and create this many buttons on the stage named button1,
button2, etc., etc... */
var numOfImages:Number = 3;
/* ====================== */
/* create a movie clip that will act as your preloader and
place it on the stage,
name it "loader" */
this.loader._visible = false;
/* ======================== */
this.holder.createEmptyMovieClip("jpegTarget",0);
for (i=1; i<numOfImages+1; i++) {
this["button"+i].ID = i;
this["button"+i].onRelease = function() {
_root.loader._visible = true;
var targetName:String = "Image"+this.ID+".jpg";
reset = true;
_root.holder.jpegTarget.loadMovie(targetName, 0);
_root.holder._alpha = 0;
this.holder.onEnterFrame = function() {
fadeIn(this);
function fadeIn(clip) {
if (clip.jpegTarget._width>1) {
_root.loader._visible = false;
dif = 100-clip._alpha;
if (Math.abs(dif)>1 && reset == true) {
/* the .3 in the next line controls the speed of the fade
change it and experiment */
clip._alpha += dif*.3;
/* ================= */
} else {
clip._alpha = 100;
reset = false;
/* END OF SCRIPT - DON'T COPY BELOW THIS LINE */
The only things on the stage should be:
1 blank movie clip named "holder" - position where you want
picture to load
1 movie clip named "loader" which is your preloading
animation (or text or whatever)
your buttons (thumbnails) which should be named button1,
button2, etc.
Make sure of the following:
- Change the numOfImages variable in the script to match how
many images and buttons you have. so if there are 5 buttons on
stage loading 5 jpegs, change it to 5.
- Target AS 2.0 in your publish settings
- name your jpegs EXACTLY as follows: Image1.jpg, Image2.jpg,
etc. If you move them to another folder, i.e., "images", make sure
to put this in the script
- name your button instances EXACTLY as follows: button1.jpg,
button2.jpg, etc.
The loader movie clip is up to you, and you may figure out a
better way to handle this. This is pretty simple but should work if
simple is what you're after. Please let me know if it doesn't work
- good luck!

Extremely simple photo gallery crashes after few tens of pics viewed... (ipad)

Images are JPG, 300 - 350kb each, the thing crashes every time! not to mention that in future it was planned to pload few swf's instead of few jpgs there...
package
    import flash.display.*;
    import flash.geom.Matrix;
    import flash.utils.*;
    import flash.net.URLRequest;
    import flash.events.TransformGestureEvent;
    import flash.system.Capabilities;
    import flash.system.TouchscreenType;
    import flash.ui.Multitouch;
    import flash.ui.MultitouchInputMode;
    import flash.events.*;
    import flash.utils.getDefinitionByName;
    import com.greensock.TweenLite;
    import com.greensock.easing.*;
    public class Base extends Sprite
        var pageCounter = 1;
        var controlsoff = false;
        var activePage;
        var previousPage;
        var total = 70;
        public function Base()
            loadNewPage("next");
            nextp.visible = false;
            prevp.visible = false;
            btn1.buttonMode = true;
            btn1.addEventListener(MouseEvent.CLICK, openbook);
        function openbook(evt:MouseEvent):void
            pageCounter++;
            loadNewPage("next");
            btn1.visible = false;
            arrow1.visible = false;
            nextp.visible = true;
            prevp.visible = true;
            nextp.buttonMode = true;
            prevp.buttonMode = true;
            nextp.addEventListener(MouseEvent.CLICK, slidenext);
            prevp.addEventListener(MouseEvent.CLICK, slideback);
        function loadNewPage(direction)
            previousPage = activePage;
            var loader = new Loader();
            loader.load(new URLRequest("full/"+pageCounter+".jpg"));
            loader.x = (pageCounter-1)*768;
            //newpage.cacheAsBitmap = true;
            activePage = loader;
            container.addChild(loader);
            TweenLite.to(container,1, {x:-(pageCounter-1)*768, delay:.5, ease:Cubic.easeOut, onComplete:removePage});
        function removePage()
            if (previousPage)
                container.removeChild(previousPage);
                previousPage.unload();
                previousPage = null;
        // ----------------------------------------------- sliding to the next page ------------------------------------------
        function slidenext(evt:MouseEvent):void
            if (controlsoff == false)
                controlsoff = true;
                pageCounter++;
                setTimeout(function() {
                controlsoff = false;
                }, 1000);
                loadNewPage("next");
                if (pageCounter==total) {
                    nextp.visible = false;
                prevp.visible = true;
        // ----------------------------------------------- sliding to the previous page ------------------------------------------
        function slideback(evt:MouseEvent):void
            if (controlsoff == false)
                controlsoff = true;
                pageCounter--;
                setTimeout(function() {
                controlsoff = false;
                }, 1000);
                loadNewPage("prev");
                if (pageCounter==1) {
                    prevp.visible = false;
                    nextp.visible = false;
                    btn1.visible = true;
                    arrow1.visible = true;

Can't test this right now, but you keep creating new loaders, and those loaders all have a loader.content. Can you keep a reference to them and then null those out?
loader.content=null;
container.removeChild(loader);
loader=null;
etc.
Might help to see which object is hanging around. It definitely sounds like a memory issue, though. Something is not being cleaned up...

Photo Gallery ....disable a previous button once it reaches img zero

I have made a simple photo gallery that reads from external XML file. The gallery allows the user to see the next image by clicking the next button as well as the previous image by clicking the previous button.
I need a bit of code that would disable the previous button when its at the first image, and disable the next image once the user is on the last image.
This is what I have thus far:
var xmlRequest:URLRequest = new URLRequest("wImgData.xml");
var xmlLoader:URLLoader = new URLLoader(xmlRequest);
var imgData:XML;
var imageLoader:Loader;
var rawImage:String;
var rawH:String;
var rawW:String;
var imgNum:Number = 0;
var checkSec:Timer = new Timer(1);
var numberOfChildren:Number;
xmlLoader.addEventListener(Event.COMPLETE, xmlLoadedF);
next_btn.addEventListener(MouseEvent.CLICK, nextImgF);
prev_btn.addEventListener(MouseEvent.CLICK, prevImgF);
master_mc.buttonMode = true;
function xmlLoadedF(event:Event):void{
    checkSec.start();
    checkSec.addEventListener(TimerEvent.TIMER, checkerF);
    imgData = new XML(event.target.data);
function packagedF():void{
    checkSec.start();
    checkSec.removeEventListener(TimerEvent.TIMER, checkerF);
    rawImage = imgData.image[imgNum].imgURL;
    numberOfChildren = imgData.*.length();
    rawW = imgData.image[imgNum].imgW;
    rawH = imgData.image[imgNum].imgH;
    imageLoader = new Loader;
    imageLoader.load(new URLRequest(rawImage));
    master_mc.addChild(imageLoader);
    imageLoader.x = (stage.stageWidth - Number(rawW)) /2;
    imageLoader.y = (stage.stageHeight - Number(rawH)) /2;
function checkerF(event:TimerEvent):void{
    if(imgNum == 0){
        packagedF();
    }else if(imgNum < numberOfChildren){
        imageLoader.unload();
        packagedF();
    }else{
        imageLoader.unload();
        imgNum = 0;
        packagedF();
function nextImgF(event:MouseEvent):void{
    checkSec.addEventListener(TimerEvent.TIMER, checkerF);
    imgNum++;
function prevImgF (event:MouseEvent):void{
    checkSec.addEventListener(TimerEvent.TIMER, checkerF);
    imgNum--;

All you need to do is remove the listeners in the event handlers for the buttons. I'll use previous as an example.
function prevImgF (event:MouseEvent):void{
    checkSec.addEventListener(TimerEvent.TIMER, checkerF);
    imgNum--;
     if(imgNum == 0){
          //at first
          prev_btn.removeEventListener(MouseEvent.CLICK, prevImgF);
You'd do the same to the next button's listener when the imgNum == the number of images. You'll also need to add the previous listener back to the button when they press next.

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.

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

Photo Gallery needed

I want to do a simple photo gallery in dreamweaver. I would
like for it to have were when a user does a mouse over the image
goes from 125x107 to 280x202 and then when they click on it a new
window opens (small, just a bit larger than the image) to display
the image at 500x433 and has a close button on it . How do I achive
this look and functionality the best?
Thanks

Hi PZ,
Yes, I am sure you are right that a very limited percentage of my potential clients are viewing my portfolio on a mobile device. Nonetheless, it would be nice to have something online for those who do.
I will keep my eye on the SlideShowPro site and see what Todd offers. SSP seems like a great company, so I'm sure they will come up with a good solution.
In the meantime, can you tell me if there is a way to have my current index.html page to redirect to another page if a Flash player is not present, or if it detects a mobile device? I can always have a link -- "Click here if you are on a mobile device" -- but even that is hard to read on an iPhone.
Thanks for your comments.
John

Photo gallery help plss!!

i'm a newbie in AS but i'm willing to learn and i've started
to make my own flash site...made some simple motion tween, some
buttons and then i wanted to make a simple photo gallery but using
a transition effect by using action script cause this way i could
make the transition backwards unlike using a motion tween that can
only make the transition forward...
so googling i found this:
http://tutorialoutpost.com/view/4717/create-a-photo-gallery/
i saw that tutorial to work pretty well so i made a movie
clip inside another movie clip inside my flash site and i repeated
the tutorial above only this time on a movie clip and not on the
main scene... and it just wont work...
the only thing i see is the blue shape that is under the mask
and where the photos should appear...
any idea what i did wrong here??

You still have a JS error on that page:
Uncaught TypeError: Object [object Object] has no method 'galleria'
You are trying to access a method/function called "galleria" in this line
jQuery('#bc-photogallery-1').galleria({
And the function does not exist in that object.
Cheers,
-mario

Spry Photo Gallery Navigation

Hi,
I'm building a simple photo gallery and I'm having issues trying to navigate image to image while using Paged View. My first attempt without paged view I could navigate image to image and once you reached the first or last image on a page, the next page would load beginning with the first or last image depending which way you were navigating by changing the xpath. I then came across the Paged View function, which makes the xml and paging much simpler, but I'm unable to figure out how to tell when I reach the end of a page, while browsing image to image, to load the next page. I don't seem to be getting a value from the current row that is showing.
Here is a link to a test page. http://www.roughcountry.com/gallery/customers/test.html
Navigating image to image works but the page changes incorrectly.
Hope that is clear, thanks for any help

I've set up the photo gallery demo -china,paris,egypt- and
made a swap of a couple of my photos from in Dreamweaver's property
box src for thumbs, and link for the large pic. It works in Safari
and Opera but not in firefox and I don't know about IE as I'm on a
MAC and not that for into it yet.Is there something to look for in
the code? It shows no browser issues when I test for compatability?
I'd really like to use the xml version but I have tried and had no
luck except in Safari.

Problem: Photo Gallery not working.

Hello i am new at flash. I created a simple photo gallery
using flash CS3. I had 11 photos to show and i created 11 keyframes
and put a uiloader on each one of them. Then i added buttons and
linled them to the uiloaders. I changed the source values of the
loaders. So when i clicked a button, the selected uiloader with the
photo attached to the source of it was seen. It has such a simple
logic. Because i don't know enough actionscript to do it easier.
Anyway the problem is i make it work on my computer but when i
uploaded it to my site it doesn't work properly. I can see the
buttons but the photos are not seen. I checked the files and
folders but everything seems right. What might be the problem. How
can i solve it?

Try duplicating the folder structure of your website, on your
local drive. You may need the path from where the html file is, so
you would add "/mages" to the loaders for instance. Not sure what
you setup is, but I have found that using LoadMovie, I have to set
it up so it doesnt work when I test the movie in Flash, but it will
work when I open the html file...

Photo Gallery IE 7 Flicker Problem

I have created a simple photo gallery from the spry example.
Unfortunately, during the transitions between pictures, IE creates
a terrible flickering on the pictures.
Any ideas on a solution would be greatly appreciated.
Here is a link to the site:
http://singularityconcepts.com/stonewall%5Fnext/index.cfm
Thanks!
Joel

Anybody have any ideas on this?
Thanks!
Joel

LR2 Photo Gallery on Comcast Personal Webpage Does Not Work

In the "Web" section of Lightroom 2, I have created a simple photo gallery. I previewed it using my browser and it works fine. I have uploaded the files via FTP to my comcast account "http://home.comcast.net/~username". I see the all the Lightroom files and folders in the "~username" folder, including the "index.html" file. But I can not get the photo gallary to run. Does anybody have any suggestions? Is anybody runing a Lightroom 2 photo gallery on their comcast personal page. Thank You.

Hi John, this is Kevin's wife, Carol. I do most of the internet work for our car lot.
Kevin and I would both like to thank you for your help . As it turns out, no sooner did I post on this and also the Comcast help forum, (saturday afternoon) the following morning I tryed once again to open the "PWP publishing /edit link" to find a new message.
No longer "connection not available" , but in its place a note saying that the PWP lnks were being updated and may be down for a few hours, however I would first be notified. As it had been down, going on 2 weeks and I had not been notified, I admit it made me shake my head and laugh, however glad . It sure beat that tired old "no connection" message .
I closed the link and tryed re-opening and low and behold, it was all back, nothing updated/improved nor changed,that I could see, but back and working as before.
I was able to edit my pages , most importantly, delete several vehicles that had been sold , add a new piece, and also went ahead and edit the Photo section, no problem. I also removed the "guestbook" which was not getting any use, and added Weather.
Though we didnt sell anything Sunday, Kevin did get 2 phone calls immediately following editing the PWP, both mentioning that they saw the pieces online at Craigslist, and having then checked out our PWP wanted more info, etc, possibly leading to a future sale as has been the case in the past.
My next "challenge" will be to see about replacing the awkward link with something (domain name) I can add to our highway sign , ie - kevincarsales.com We are on a State Road, speed limit is 55 mph, most speed by faster. Still, we do get phone calls that lead to sales from passer-byers who see our numbers ,both sale prices on vehicles and phone number on sign. No doubt adding an easy web link will help, cant hurt.
I am hoping I can do that without additional expense, as our comcast business account bill is already quite high.
Thanks again for your help, and please forgive my amateur-ness..I have only been doing this for a few years, having been homebound with a critically ill child for 25 years. Carol McDonald

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

Similar Messages

Maybe you are looking for