How to do a clean, thumbnail gallery on iweb?

I'm trying to do a nice clean thumbnail photogallery on iweb 08. Something like this....
http://www.airtightinteractive.com/photos/
Tried downloading simpleviewer from this site, but can't seem to load the simplefileexporter. Some "can't find binary file" issue my browsers.
I'm not wed to simpleviewer. I just don't want all that "made by mac" stuff on my gallery, and want to keep it contained on the page without jumping to my .mac gallery. I have my own website url to upload my site to.
Is there anything in iweb, or a simple plugin that would allow me to do that kind of gallery linked above? Something that wouldn't require me opening new windows with no way back, and something that doesn't have all the mac buttons and options on the page?

Have a look here to see if it will help you...
http://roddymckay.com/Satellite/Slideshow.html
This is done with PostCard but its the same procedure.
You might also want to look at JAlbum...
http://jalbum.net/
Their "chameleon" template is very similar and allows you to create a link back to your site. Its freeware and they now offer you free server space too!
You don't have to use "Made on a Mac" (or any other stuff) - just delete it and add your own footer with your copyright information.

Similar Messages

How do I create a simple gallery in iweb? I don't know much coding though!

how do I create a simple gallery in iweb?
I don't know much coding though so I struggle
with some tips given on-line. I've spent many
hours on it with no success. Helpful advice will be greatly appreciated.

Instructions :
http://www.wyodor.net/blog/archives/2010/03/entry_308.html
Result :
http://www.wyodor.net/_Demo/Fancy/Fancy2.html
http://www.wyodor.net/mfi/Dide/Photos.html

How to upload photoshop Web photo Gallery to iWeb 1.1.2

I have a great iWeb Photography site and it's linked to the web through my domain name only- just thru Forwarding. I want to use the Photoshop CS2Web Gallery feature and have created a sample folder. How do I link it to open in my website?
So far, I created the box, chose to hyperlink it to an external page and typed in page name that the Web Photo Gallery gave it and then I go thru the website- it goes to the gallery home page, but shows no photos, just the little question mark boxes. I'm pretty non-technical about this. Any help is great. I can't find the answers through Adobe help. I thought this was going to be easier...

Hi, I too, am a beginner and I'm trying to create a simple
website and want to include a photo gallery as well. I just
discovered the "Create a Web Photo Gallery" in Photoshop CS3 and I
was just wondering the same thing. How do you get it in into
Dreamweaver and into your site? I hope someone answers this
question.

How to post Adobe Bridge Gallery to iWeb???

Hi, I would like to know how to place an adobe bridge gallery into iweb. I want to place it on a blank page so that I can use it as the home page that I will further design around. I did find one other post, however I am not understanding the instructions or its not working. I get something like this:
happens:
http://web.me.com/josefsullivan/Screenshot/
Here are the instructions I'm following:
If it's MMe upload your Gallery folder to your iDisk/Web/Sites folder and use the following URL to link to it?
http://web.me.com/YourMMe_Account_Namer/Gallery_FolderName/index.html
You can embed the gallery into an iWeb page using iFrame code in an HTMl snippet. This is the code:
<iframe height="XXXpx" allowTransparency="true" frameborder="0" scrolling="no" style="width:XXXpx;border:none" src="http://web.me.com/YourMMe_Account_Namer/Gallery_FolderName/index.html"></iframe>
Set the height and width so that the gallery is totally embedded in the iWeb page. You may have to widen the iWeb page with the Inspector/Page/Layout pane.
Don't put the gallery folder inside your iWeb site folder as it may be deleted when you publish site changes. Keep it outside the site's folder.>>>>
Additionally, my iweb is connected to MobileMe, and I have my own personal domain name which I use instead of the one they give: web.me.com/[yourmembername].
Thanks for all of your help in advance!

Correct. Go to the Go menu and select the iDisk ➙ My iDisk... menu option. When the iDisk is mounted on the Desktop go to the iDisk/Web/Sites folder and open it. Then drag the folder into the iDisk/Web/Sites folder.
Click to view full size
Then the code you would use in the snippet would be
<iframe height="XXXpx" allowTransparency="true" frameborder="0" scrolling="no" style="width:XXXpx;border:none" src="http://web.me.com/josefsullivan/test/index.html"></iframe>
You'll need to set the height and width, in pixels, so the gallery is fully visible.

How to make a thumbnail gallery page that'll open individual slideshows?

Hi,
I'm trying to make a gallery of thumbnails for album covers I did, and want for it to open its own slideshow (on the same page / as a typical slideshow pop up) when a person clicks on one so he/she can view the main image and a few more thumbnails on its side for other artwork panels (as well as use the arrows if possible).
Anyone got an idea for an easier way to do this?
Thanks! I'm going insane over this... And it seems like this could be the easiest thing, but somehow I can't find a way...
(idem for B and C and so forth)
=

Hi,
That would seem to be the perfect logical answer. But guess what? I've tried this many times without any luck. I MUST be doing something wrong, but simply have no clue what it is. SO I'll describe every tiny step, and maybe you can see where I'm at fault.
1- I drag & drop a Lightbox display from the the composition folder in the Widget library on a blank page.
2- I delete 2 of the 3 default thumbnails from above the main target/container,
3- I select the remaining whitest thumbnail, go on the FILL option the left corner, and add an image from my files. I choose scale to fit and make it the size I want.
4- I open the Trigger option in the upper left area and do the same for the "Normal" state (as a default, Muse puts it on the "Active" one). Now all my states have the same image. I also remove the stroke and fill color behind.
4- I select the default gray bars with arrows within the CONTAINER below and remove them (simply because I intend to change them with my own design and to make sure I don't stumble on them for the forthcoming steps)
5- I select the TARGET area and then go to my FILL option and change the white area to "no color".
6- I then select the CONTAINER area and change the default back color to an image of my choice (a background that I put at 80% transparency).
7- I re-select the TARGET area and drop a Lightbox widget from the Slideshows folder in the Widget library into the selected TARGET area. I resize it to my liking.
8- I go and click on the upper right option button (white arrow under a blue circle) of this new Lightbox to add the images I want.
9- As predicted, the images appear as they should: One big in the center and the proper amount of thumbnails above. When I click on them, they appear sequentially below also as intented.
10- At this point all should be great and working (I think), so I go in the preview section (and also tried via the Preview in Browser (crtl+shift+e)) and what appears, is my page with the actual thumbnail of the cover (again, as it should). BUT here comes the bug::::
Once I click on it, the Lightbox slideshow pops up, and all shows up but the actual center main image (as well as its default black area behind the image), e.g. what should be the bigger version of the 1rst thumbnail from the series above it. I try to click on the other thumbnails above the invisible image and nothing happens. Actually something does happen, because if I decide to click outside of the of the main image area, ONLY then all fades again and my main image pops up ALONE, everything else fades away! So to get out of there, I have to reclick outside but I'm then pushed back to the main original thumbnail gallery....
So it feels like it sorts of become like a 3rd level thing and this is obviously not what is needed...
Any idea what's problematic?!
Much thanks for having taken the time to read my little novel here! ; )
If this is not quite clear still, I could post a video of all of what I'm doing and the resulting problem.

Problems with Flash thumbnail gallery

Hi there,
I am an artist trying to remake my website...I have a picture of a window on my homepage. The window is a movie. When clicked on, the window lights turn on and a grid of thumbnail pics appear. Each thumbnail is a movie clip. When a thumbnail is clicked on, the movie plays and a larger image appears over the window. The problem is, the window is still active underneath the large image, so if I click on the large image, I am really clicking on the window movie clip underneath, and the thumbnail grid disappears-starting the window movie clip over. How do I make the window clip inactive after it is initially clicked?
Also, I would like the larger images to end their movie clips after another thumbnail is clicked, so that there aren't large images piled up on top of each other.
Is there anyone that can help?
Thanks in advance!!

Hi again,
First off, thanks so much for your continued help...
So, I changed my design a little and format. Now I'm using as3, with Flash CS5.
My thumbnail gallery is still based on the same concept, I want a movie clip of a window to be clicked on that reveals a thumb grid, but now the thumbnail gallery should appear over the window, and the large portfolio images appear in the blank space to the right. I followed a tutorial for the gallery, here's my code on the main timeline:
import flash.events.MouseEvent;
btn1.addEventListener(MouseEvent.CLICK, GetFirstImage)
function GetFirstImage (evt:MouseEvent) {
          gotoAndStop("pic1")
import flash.events.MouseEvent;
btn2.addEventListener(MouseEvent.CLICK, GetSecondImage)
function GetSecondImage (evt:MouseEvent) {
          gotoAndStop("pic2")
import flash.events.MouseEvent;
btn3.addEventListener(MouseEvent.CLICK, GetThirdImage)
function GetThirdImage (evt:MouseEvent) {
          gotoAndStop("pic3")
But now I don't know how to go about adding in the initial movie clip of the window (which when clicked should light up and fade into the thumbnail grid) Right now I just have the gallery set up. How do I set up a movie that contains my gallery?
Sorry if the question is redundant, but as you know, I'm new to actionscript.
Thanks!

Creating a thumbnail gallery

hey,
i have a folder of photos that i wish to place in a flash
thumbnail gallery. does anyone have suggestions for a method or
have implemented an efficient method that has worked for them?

Nancy,
Thankyou! THe link set up worked great.
I have no idea why my teacher wouldn't recomend this to me. If I knew about being able to do this instead of hot spots I would have the first time.
I tested it out in safari and firefox and everything is ok.
I didn't test it out yet on internet explorer yet because im on a mac.
i did have one problem though. i tested it out in opera, and when you click on the thumbnail, it does go to the image, but doesnt obide by the size.
instead of having it fit the screen like all the other browsers, it previews the picture at the actual pixels filling the entire screen forcing you to scroll to see everything.
is there any way to fix this problem? not many people use this browser so its not too big of a deal. i can't remember exactly but it might have been the hotspot set up where you can set it so the size fits to the browser. can i set this up with the link? and if so how? it seems like it already is working fine for everything else
thanks,
Mike

Movie Clip Thumbnail Gallery

I'm using Flash 8 Professional
Here's the swf:
http://208.131.133.122/flash/
And my fla:
http://208.131.133.122/flash/scene.fla
(8MB sorry!)
Right now, when the mouse is in the same _x position as the
last thumbnail, the thumbnails slide gently to the left to reveal
more thumbnails then slide back to the right when the mouse moves
to the left again.
The problem is that they start sliding to the left whether or
not the mouse is over the thumbnail gallery. If the mouse is at the
bottom of the screen or the top of the screen and in the same _x
position as the last thumbnail, they will begin sliding.
I would like the thumbnails to begin sliding only when the
mouse hovers over the row of thumbnails and not when it is outside
that thumbnail area.
I added some actionscript to stop the movement of the
movieclip when the mouse is above the max or below the min _y
position of the clip; but, it does not work.
I don't really know what I'm doing. Can someone.... anyone...
tell me if this is something that can be done? And if yes, how?
Much thanks in advance.

I see that your first wooden button is a 'scroll down' button
which plays through
the length of the thumbnails. Do you mean you want to
replicate and reverse this on the third wooden button 'scroll up' ?
I'm just guessing here but I'd say you accually have your
thumbnail gallery scrolling down as a motion tween and your scroll
up button just has a 'goto previous frame' type function on it?
If the previous statement is true then I would suggest two
options for you.
1.) You take the scrolling functionality out of a timeline
and do it all with action script. This would be the most effective
way of doing it.
2.) Since you probably don't want to make serious edits to
that .fla. Here's another way. You have a boolean called 'is_rev'
and a function called 'play_backwards'. These are contained within
the same movie clip as your thumbnail gallery.

Your third wooden button has these actions on it.
on(release)
this.is_rev = true;
this.prevFrame(); // This is to start the reverse loop;
Your first wooden button would have this on it.
on(release)
this.is_rev = false;
this.play();
Your second wooden button would have this on it.
on(release)
this.is_rev = false;
The function would be:
function play_backwards()
if(this.is_rev)
this.preFrame();
Now on every single frame of your scrolling gallery you need
to call this.play_backwards();
Please note the way I structured the coding assumes every
object is on the same timeline. If your buttons are in a
different/parent movie clip relative to your gallery movie clip,
your going to need to make sure 'this' is set relative to the two
objects. (i.e. on your button -> this.prevFrame(); would
probably be this.gallery.prevFrame(); )
A quick design note. If your buttons symbolize scrolling not
movement they should be reversed since as the thumbnail gallery is
moving upwards the user is scrolling downwards.

Thumbnail Gallery postition

I'm getting there lol. Got a thumbnail Gallery but the thumbnails are below the main images. Any idea how to level the thumbnails to the top next to the main image please? Also confused as to how Iget the text centered beneath the main image. Link below. Thanks for any help.
http://bajor.servers.rbl-mer.misp.co.uk/~sunridge/photob.htm

Perhaps this approach might help: Mouse Over Photo Presentation. Instead of having just two of these lines
<a class="photo" title="Image1"> <img class="mini"
src="URL TO IMAGE ON SERVER" width="100" height=”75"
alt="1" /><img class="big"
src="URL TO IMAGE ON SERVER" width="100" height=”75"
/>
between the <p > and </p > tags you would put three. This method only requires to have one image as the same image is used for both the thumbnail and the large version. Another example of it can be viewed on this test page: Page 5.
OT

Thumbnail gallery of videos

Hello
I want to get first frame from video file without playing it, and convert this frame into image while uploading video file from JSP page.The requirement is to have a thumbnail gallery of videos; the user can select any thumbnail and that video should get played above the gallery on the same page.
Kindly help me in figuring out how to get the first frame of video without playing it? Thanks

For those following along, I found that Adobe Flash CS3's FLV Player component works well, and is FAR less complicated than all the other solutions I found. I'm still working on getting it to behave exactly as intended, but it's definitely the easiest and most successful solution so far.
At this point, I have the embedded clips that display right away (despite not being fully loaded)... so you don't have blank spots, like non-progressive clips would do while they are loading. They also allow you to hit play even while they are still loading. So, all that is very good... The only issue now is the clips download regardless of whether you hit play or not... so all clips on the page will be downloading when you enter the page (causing a possible bottleneck, plus downloading all that data, regardless of whether it's needed or not).

Thumbnail Gallery

Hi everyone, I am trying to set up a thumbnail gallery to open a larger image in a window on the same page when clicked and I was wondering if anyone could help me with a few tips on where to start. I have all my "thumbnails" and "Larger images" all ready to go but I have no idea how to link them.
Many thanks in advance for any help,
Samantha.

Perhaps this approach might help: Mouse Over Photo Presentation. Instead of having just two of these lines
<a class="photo" title="Image1"> <img class="mini"
src="URL TO IMAGE ON SERVER" width="100" height=”75"
alt="1" /><img class="big"
src="URL TO IMAGE ON SERVER" width="100" height=”75"
/>
between the <p > and </p > tags you would put three. This method only requires to have one image as the same image is used for both the thumbnail and the large version. Another example of it can be viewed on this test page: Page 5.
OT

How do I set the thumbnail image of my videos that export to my computer? I'm using Premiere Elements 11 on a windows 8.1 PC 64bit.

How do I set the thumbnail image of my videos that export to my computer? I'm using Premiere Elements 11 on a windows 8.1 PC 64bit.
Or how does Premiere 11 determine where to set the image for the video it is exporting?
I already know how to use Freeze frame and save the image to my computer by Publish+Share/Computer/ Immage.
Thanks,
Mike

Mike
This is not Adobe. Rather user to user. We are all visitors here.
Just a bit of history....back in the days of Premiere Elements 4, you could set a "poster frame" in what was called the Project area. You did this by right clicking a blank area there and, from the drop down menu that appeared, selecting View/Preview Area, and using the poster frame feature there.
As I said, when a video imports into Premiere Elements, the thumbnail of the import has been presenting as the first frame of the video. With this Preview area "poster frame" option, you could set the video's thumbnail in the Project area so that the first frame was another frame in the video. But, this "perk" was restricted to thumbnails of the video in Project area.
If you exported to file with the first frame modified video, the export's thumbnail in Windows Explorer would present with other than the real first frame or the poster frame as the first frame.
Also, in more recent versions, I have observed that the export to file does not display the real first frame of the video in Windows Explorer. Seems random, but I have not kept track.
And, remember, at the onset I wrote
As far as I have ever seen, Premiere Elements Windows uses the first frame of the video for its thumbnail in the program.
I know of no way within Premiere Elements to control what the program opts to do in this matter. In some compatibility
issues, it opts to give no image but a generic one.
I did not say that you can expect to have the Premiere Elements' export file's thumbnail in Windows displaying with its real first frame. And, the more you get into this, depending on the versions, more details need to be added to my comment about "...first frame of video for its thumbnail in the program..."
I would have to look into all this further to get perspective on the contributing factors.
ATR
Add On...The Poster Frame feature appeared in versions 4, 7, 8, and 9 by my count.

How can I update the thumbnails in the slide panel when a slide has been changed?

When the text in a slide has been changed, how can you update the thumbnail in the slide panel to reflect this change?
We translated slides, but the slides in the slide panel are still in English.
Thanks for your help.

the slides should update automatically as you type
are you using a theme you created yourself, or one you have added for this show?
when you play the show, does the slides show correctly? If they are OK you could still show the presentation.
also what Mac are you using and what graphic crd is installed?

How to export photos from photo gallery to my iPad

How to export photos from photo gallery to my iPad

I had no trouble finding the "Export" tools in the "File" menu. They are greyed out when no photo is selected, but they are functional after selecting one or more photos.
I agree that it would be nice to have the "Reveal in Finder" option back, but they probably don't want us mucking about inside the Photos library structure.

How do I delete a MobileMe gallery?

How do I delete a MobileMe gallery? I open iPhoto where I created the album, right-clicked on the album to delete. Then I proceeded to watch an indicator dot with and arrow spin, and spin and spin. Finally the spinning stopped, but the album is still listed. Help! How do I remove these? This is also happening for Facebook albums I want to delete as well. Any thoughts?
-Frustrated iPhoto user
dnorheim

under the MobileMe section in the source pane on the left drag the gallery to the iPhoto trash
Same for facebook
If this is not working launch iPhoto while depressing the option(alt) and command (apple) keys and rebuild the library from the last automatic database backup
LN

How to do a clean, thumbnail gallery on iweb?

Similar Messages

Maybe you are looking for