How do I create photo page with blow up images?

I need some help trying to create a web page of photo thumbnails with blow-up larger images:
1) I want to create a contact sheet type of web page of multiple photo thumbnails.
2) When you click the photo it opens into a small window or "blow-up" version of the thumbnail. (Clicking the thumbnail does NOT take you to a new page with the full size image).
3) The blow-up photo has a circle and X that will close the blow-up window.
I've already figured out how create pages of thumbnails that will take you to a new page with the full size image. I'm trying to create the effect where you never leave the main page, the thumbnails just blow-up into small windows that can be closed again.
Apple uses this effect a lot with photos and movie clips on their page. An example of what I am trying to do can be found on the iLife/iPhoto/MobileMe Gallery info page.
http://www.apple.com/ilife/iphoto/#mobilemegallery
If you look to the right just under the main large banner images, there is a grey box titled "iPhoto Showcase." If you click one of the thumbnails there, the picture blows out to a larger size of the image, but doesn't take you to another page. The blow-up image has a little circle and X at the top left to close the window. Main page is still visible behind the blow-up window.
I think this post mentions what I'm trying to do, but they seem to be having problems getting it to work. I need help creating this effect from scratch.
http://discussions.apple.com/thread.jspa?threadID=1609046
I'm using a fairly new MacBook with OS 10.5, iPhoto and iWeb '08. I also have Aperture 2.0. I don't have a .Mac or MobileMe account yet. I'm a recent convert from the Darkside, so right now I use google's Picasa Web Albums and google's website creator for my site. If I can get this to work, I'll make the switch MobileMe once the early .Mac conversion kinks get worked out.
Thanks,
TDizzle...

Cyclosaurus--
That's the effect that I'm looking for. I've read through the instructions on Cabel's website (thanks for the great links!) But I'm afraid I'm still a bit of a novice with website creation and editing. I liked your iWeb examples, so I have a few follow-up questions about how to integrate this with iWeb.
1) Do you use iWeb and .Mac/MobileMe to publish your site? I already own a domain and have been using google's online page creator tools to create some very basic pages. For picture pages, I just put up links to my Picasa web albums. But the google user interface and options (no FTP upload) are even more limited than iWeb and .Mac. With 20GB of storage, plus the other features and ability for integration, MobileMe sounds enticing for the price.
2) At what point do you add the code to the pages in the edit and publish process? What are the exact steps you use to publish? (Create and edit in iWeb, add html code, publish to folder or publish straight to .Mac/MobileMe, etc.)
3) If you make changes to pages in iWeb, do you have to keep adding the code to the pages and repeat the steps from above question?
4) What app do you use to edit the html code? No html edit function in iWeb, so I tried opening the "page.html" files in TextEdit but the page just looked like a web page. No code. How do I get the text of the html code to open in TextEdit or another app?
5) Do the lines of code (2 lines in "head" and 1 line in "body") need to be added to every page that I want to use the effect?
6) How do you upload the two FancyZoom folders to a .Mac/MobileMe account site? And where exactly do they need to be placed?
Thanks,
TDizzle...

Similar Messages

How do I create photo page with blow up images on click?

I need some help trying to create a web page of photo thumbnails with blow-up larger images:
1) I want to create a contact sheet type of web page of multiple photo thumbnails.
2) When you click the photo it opens into a small window or "blow-up" version of the thumbnail. (Clicking the thumbnail does NOT take you to a new page with the full size image).
3) The blow-up photo has a circle and X that will close the blow-up window.
I've already figured out how create pages of thumbnails that will take you to a new page with the full size image. I'm trying to create the effect where you never leave the main page, the thumbnails just blow-up into small windows that can be closed again.
Apple uses this effect a lot with photos and movie clips on their page. An example of what I am trying to do can be found on the iLife/iPhoto/MobileMeGallery info page at Apple.
If you look to the right just under the main large banner images, there is a grey box titled "iPhoto Showcase." If you click one of the thumbnails there, the picture blows out to a larger size of the image, but doesn't take you to another page. The blow-up image has a little circle and X at the top left to close the window. Main page is still visible behind the blow-up window.
I'm using a fairly new MacBook with OS 10.5, iPhoto and iWeb '08. I also have Aperture 2.0. I don't have a .Mac or MobileMe account yet. I'm a recent convert from the Darkside, so right now I use google's Picasa Web Albums and google's website creator for my site. If I can get this to work, I'll make the switch MobileMe once the early .Mac conversion kinks get worked out.
Thanks,
TDizzle...

Cyclosaurus--
That's the effect that I'm looking for. I've read through the instructions on Cabel's website (thanks for the great links!) But I'm afraid I'm still a bit of a novice with website creation and editing. I liked your iWeb examples, so I have a few follow-up questions about how to integrate this with iWeb.
1) Do you use iWeb and .Mac/MobileMe to publish your site? I already own a domain and have been using google's online page creator tools to create some very basic pages. For picture pages, I just put up links to my Picasa web albums. But the google user interface and options (no FTP upload) are even more limited than iWeb and .Mac. With 20GB of storage, plus the other features and ability for integration, MobileMe sounds enticing for the price.
2) At what point do you add the code to the pages in the edit and publish process? What are the exact steps you use to publish? (Create and edit in iWeb, add html code, publish to folder or publish straight to .Mac/MobileMe, etc.)
3) If you make changes to pages in iWeb, do you have to keep adding the code to the pages and repeat the steps from above question?
4) What app do you use to edit the html code? No html edit function in iWeb, so I tried opening the "page.html" files in TextEdit but the page just looked like a web page. No code. How do I get the text of the html code to open in TextEdit or another app?
5) Do the lines of code (2 lines in "head" and 1 line in "body") need to be added to every page that I want to use the effect?
6) How do you upload the two FancyZoom folders to a .Mac/MobileMe account site? And where exactly do they need to be placed?
Thanks,
TDizzle...

Can/How can I create a page with all my blog pages RSS??

Hello all.
I have a website containing many seperate Blog pages according to their topics like News, Tech and Scifi.
Is it possible to create a new page, that will contain the latest entries of all these blog pages a one "consolidated" page, maybe perhaps of RSS feed?
Thanks and cheers

Apple states
How can I create a page that aggregates my podcasts?
If you have multiple podcasts listed in the iTunes Store, the iTunes staff can create a single page that lists all of them in one place. We call this page an “artist page.” Note that a podcast can only appear on one artist page.
To request an artist page, navigate to one of your podcasts, click on Report a Concern, and select Remove a Podcast. In the dialog box, explain that you would like an artist page, give us the exact name of the artist (please don’t include “Inc,” “LLC,” etc.), and list the exact feed URLs or links to your podcasts.
at the bottom of this page
http://www.apple.com/itunes/podcasts/creatorfaq.html
I hope two is enough and if not that someone contacts me and maybe even changes the info on the above link.
Thank you for your input!

How to fill an 8x10 page with the same image for making buttons?

How do you make a button template using the grid? How do you import the image onto that, and how do you fill an entire page with the same image ie- 1" circles

I'm trying to do the same thing but I want 1" squares. I just upgraded from Elements 6 and I did this
quite often for pendant necklaces. I used to go and print individual prints, but the previous options are not there. ;(
And the picture package is only showing 20 (2x2) as being the smallest size. I don't see a custom button.
Can anyone tell me how to do this? We're doing these for a fundraiser and I can't even print anymore.
Thanks,
Kimberly

How do i create linked pages with multiple video clips on each of them?

I took a bunch of small videos with my digital camera, and now want to make a dvd that has a main menu with 7 choices, and then each one of those will take you to pages with each clip as a motion button (6 to a page). So if i click on "Dublin" on the main menu, it takes me to Dublin #1 which has clips 1 - 6, i can then click on an arrow to go to a second page with clips 7 - 12, etc. I can return to the main menu and click on "Belfast" which takes me to the first page of 6 clips, then a second page with 6 more, etc.
The problem I am having is linking two or more Chapter pages together. Thanks for your help.
Eric

Welcome to the forums, Eric.
iDVD has a few limitations, but you can do much of what you want.
Limitations: Only 6 selections per menu page. And the Forward/Backward selection buttons advance only one menu at a time.
Basic solution: Use the folder button to create a link to a submenu; move to that submenu and drag your movies onto that menu page. Repeat for more submenus.
Alternative approach: Use iMovie to join all the Dublin videos, with chapter markers to designate each segment. Import the movie with chapter markers into iDVD and they automatically create the Dublin submenus. And you can watch all the Dublin videos in a row, or use the menus to navigate to the desired video. After you watch the last segment, you'll automatically return to the main menu.
John

How can I create multiple pages, with different layouts to the others, in DW fluid grid layouts?

Hi everyone, : )
I am creating a website using FGL in DW CS6, v12.0 build 5808. I do not have Creative Cloud (do you have to pay to use this service?).
I have created one layout for my home page.
I would like to create several more pages, but I want them to use different layouts (as well as different content).
I tried to do something similar before using 'save as' (this was with a non-FGL), but whenever I changed the original page that I had 'save as'd' from, the layout in all the other pages would change too!
I found a possibility from someone else online suggesting using a template, but have not tried it yet: http://www.linkedin.com/groups/Adding-second-fluid-page-in-119937.S.192422240
I'm a bit scared of breaking everything, as I am new to web design and have had to restart the whole process a few times due to messing up the fluid.css etc and other issues, so I am taking baby steps.
Happy to try whatever's suggested and, while I wait for (I hope) your responses, I think I will try the template thing, but from the reply the person who asked the question gave, it sounds like his subsequent pages changed too, as I mentioned above? *scared* ; )
If anyone can help me with this query I would be very grateful. Thank you! : )

Thanks David.
I tried using different IDs for the other pages, but eventually one of the divs seems to 'break' - it overlaps other divs, or cannot be moved or resized (you can select the outline and it goes blue, but no 'move up a row' or down a row or 'lock to grid' etc icons appear and it can't be drag-re-sized), plus the green overlay disappears (just from that div. I'm aware of how to turn visual aids on and off), so it seems broken. This often seems to happen if you rename a div once it's been created; it does not rename in the layout.css on the right side panel (CSS Styles) in DW and the 'broken' behaviour above is exhibited. Do you know anything about this? Is this the 'edit this doc at your peril' stuff that most tutorials seem to mention? Am I doing something wrong?
I also tried making an FGL and saving out the original boilerplate.css, layout.css and respond.js. Then created multiple new FGLs and each time it created new versions of layout.css (called 'untitled-1', 2 etc.). Once I had created all the FGLs, I deleted all the new boilerplates and untitled.css files. Then restored the original ones and changed the link at the top of each page's html to refer to the same filename (the original layout.css), rather than untitled.css. I thought this might work and it seemed to for a while, but then as I had to add new div names for the sections on each page, it eventually broke (as above).
Anyway, I think you have a good point about different layouts and it occurred to me also while I was exploring and waiting for replies here. I think I will make one layout for all pages and go with that. I have a couple of questions about that though:
1. I think the max number of divs I want for one of the pages is 10, but some pages need less divs. If I only fill e.g. 8 divs on one page, will the other ones be sat there empty? I think they will actually...I guess I'm asking because I have not tried it yet (will do after this) and it takes so long to do this trial and error.
2. If the amount of content in each div is different, e.g. let's say Page 1 has 6 lines of content in div1, but page 2 may have an unlimited amount of content (I will want to add to it in the future). Will this result in the div on page 1 being a huge block of empty space after its 6 lines?
Thanks so much for your help!

How to get my photos printed with the full image?!

I just bought iLife and when I select certain cropped photos to print, the top of someone's head gets cut off in the the photo. If I change sizes of prints or rotate the photo, it cuts off different amount of head but never gives the full image. I did not have this problem with iphoto before I installed this new version. I need to have access to printing photos. I use Canon MP500, ibook G4 and Airport Express for wireless printing. I think the prob is iLife cuz it didn't do this before in iPhoto and I have no prob with other applications. Help!!!!!!

Select the photo you want to print, and click on Edit. Then click on Crop, and a drop-down menu will appear. Use this menu to select the photo size that you want to print. Then use the cropping frame to get the photo the way you want. It is important to select the correct size of the printed photo because the ratios of length to width are not the same from one size to another. For example, a 4 x 3 is closer in shape to a square than is a 5 x 7. You might have to try different photo sizes from the drop-down menu to get he result you want.

How to sync an iphone created photo album with aperture

hello,
how can I do to sync a iPhone created Photo Album with Aperture?.
First of all, I created a new Photo Album on my iPhone (IOS 5.x), then I want it to sync with Apple Aperture 3, but Aperture created no new Album in the Project Folder. What can I do?
Best Regards
Sigi

If the album was placed on the phone by syncing photos from a computer to the phone, the way to remove it is to sync again but this time remove the checkmark in front of "Sync Photos From" on the photos page of iTunes (if you want to remove all previously synced photos) or change the selection of photos in iTunes to be synce. Each time you sync photos using iTunes it sets the non-Camera Roll photos on the phone to match the current settings/photo selection in iTunes.

How to create a page with check boxes

Hello friends
I want to create a page with 5 statements and 5 checkboxes. The next page will be displayed only if all the 5 checkboxes are checked.
Can you please let me know how to create the page (could not find any template for this!) and how to control the display of the next page through checkboxes.
I am on version 4.7 of R/3 and EP 6.0.
This is urgent, prompt reply would be greatly appreciated.
thanks
pomila

Hello Michael
Thanks for your prompt reply, your answer was indeed helpful.
Just another quick question, does EP 6.0 have any template/iview which we can use or it has to be done through coding only?
thx
pomila

How do I create a track with just controller MIDI data in it?

How can I create a track with just MIDI controller data in it?
For example: I'd like to create a track that issues a bank change/patch change and sets the default volume for that track, and that's it.
I can then use this setup as a template for future projects.
How can I do this?
It seems like LPX will not allow me to enter any controller data into a track without first defining a region. However, it seems that LPX also won't allow me to create a region with just controller data in it.
Ideas?
Thanks
-Mike

Soniq2 wrote:
How can I create a track with just MIDI controller data in it?
For example: I'd like to create a track that issues a bank change/patch change and sets the default volume for that track, and that's it.
I can then use this setup as a template for future projects.
How can I do this?
Let me qualify, I'm using Logic 9, not upgrading for various reasons.
Is this for an external Instrument? If so it's very easy to do using the inspector, but first you have to create an instrument in the environment. (at least in L9 and the way I do it, which is old school) Here's an example of an external instrument setup in the Environment.
A multi Instrument is created, channels 1, 2, 3, & 9 are active. Patch names are entered, format for bank change is selected. (just happens I selected channel 14 to open the patch names). This Instrument will now appear in the arrange page, and you can set patch change, bank change, volume & pan.

How can I create a solution with Livecycle

I work for a high school and we have about 12 pdfs that we need parents to read/scroll through, then 10 (different) pages that we want them to print, complete and return to the school. Finally, we want them to see a "Thank you, you have done all you have to do" type screen. We want to make it as user friendly as possible so I was thinking...
Reading pages, 1 at a time with next at bottom.
Click next and it takes them on. When they get to printing pages 1 print button prints all pages we need them to print. Click next, and it takes them to optional print pages.
Click next and it says, thank you.
How can I make this happen if I already have all the pdfs?
Help please.
John Dent
[email protected]

Thank you soo much. A few questions?
They weren't created in designer but could I just import all of them?
How do "build the structure" for the naviagtion?
Where/how do you add the script.
Thanks again,
John Dent
Date: Fri, 30 Jul 2010 07:01:08 -0600
From: [email protected]
To: [email protected]
Subject: How can I create a solution with Livecycle
I assume that all of these PDFs were created in Designer. If so you can add any buttons that you want to appear on every page (Next, Previous) onto the Master page then there is script you can add to the buttons to actual move the pages (xfa.host.pageDown() and xfa.host.pageUp()). The Prin button can be added to the specific page and you can pass the page numbers that you want to print as a parameter to the print command. Lastly when you get to the last page and the click Complete you can display a messageBox with your Thank you message.
Hope that helps
Paul
>

RE: How can I create a page break in a file?

Thank you, Glen. I tried WriteText. But it didn't work.
Tien Wang
Indus Consultancy Services
[email protected]
From: Glen A. Whitbeck
Sent: Thursday, September 11, 1997 11:59 AM
To: Wang, Tien
Cc: forte-users; owner-forte-users
Subject: Re: How can I create a page break in a file?
Instead of using "WriteLine," try using "WriteText" ("WriteLine" writes
TextData into an open file, while "WriteText" writes data to a stream)
like this:
<method 1>
myFile : file = new();
myFile.WriteText('\f');
Glen
Wang, Tien wrote:
Hi,
I am creating a text file for a report which contains multiple pages.
How can I create a page break in my file? I tried to use the
following
two methods, but neither of them works. Specifically, it seems a
special
character printed in the file. But when I print the file through a
WordPad, it didn't separate pages.
I am currently using version 3.0.C on Windows NT 4.0 with a HP Plus 4
printer. Any help will be greatly appreciated.
Tien Wang
Indus Consultancy Services
[email protected]
>
<method 1>
myFile : file = new();
file.writeLine('\f'); --- \f is the form feed in the C language
<method 2>
myFile : file = new();
j : IntegerData = new( value = 14 );
c : char = j.IntegerValue; -- c now contains ascii 14 (form feed)
p : pointer to char = &c; -- Set a pointer to the character
pageBreakTxt : TextData = new();
pageBreakTxt.Concat(p);
myfile.writeLine(pageBreakTxt);

Tien,
Try myFile.WriteText('\x0c'); instead of myFile.WriteText('\f');
Regards
Richard Stobart
-----Original Message-----
From: Wang, Tien [SMTP:[email protected]]
Sent: Friday, September 12, 1997 6:09 PM
To: Glen A. Whitbeck
Cc: forte-users; owner-forte-users
Subject: RE: How can I create a page break in a file?
Thank you, Glen. I tried WriteText. But it didn't work.
Tien Wang
Indus Consultancy Services
[email protected]
From: Glen A. Whitbeck
Sent: Thursday, September 11, 1997 11:59 AM
To: Wang, Tien
Cc: forte-users; owner-forte-users
Subject: Re: How can I create a page break in a file?
Instead of using "WriteLine," try using "WriteText" ("WriteLine" writes
TextData into an open file, while "WriteText" writes data to a stream)
like this:
<method 1>
myFile : file = new();
myFile.WriteText('\f');
Glen
Wang, Tien wrote:
Hi,
I am creating a text file for a report which contains multiple pages.
How can I create a page break in my file? I tried to use the
following
two methods, but neither of them works. Specifically, it seems a
special
character printed in the file. But when I print the file through a
WordPad, it didn't separate pages.
I am currently using version 3.0.C on Windows NT 4.0 with a HP Plus 4
printer. Any help will be greatly appreciated.
Tien Wang
Indus Consultancy Services
[email protected]
>
<method 1>
myFile : file = new();
file.writeLine('\f'); --- \f is the form feed in the C language
<method 2>
myFile : file = new();
j : IntegerData = new( value = 14 );
c : char = j.IntegerValue; -- c now contains ascii 14 (form feed)
p : pointer to char = &c; -- Set a pointer to the character
pageBreakTxt : TextData = new();
pageBreakTxt.Concat(p);
myfile.writeLine(pageBreakTxt);

How can I create a page break in a file?

Hi,
I am creating a text file for a report which contains multiple pages.
How can I create a page break in my file? I tried to use the following
two methods, but neither of them works. Specifically, it seems a special
character printed in the file. But when I print the file through a
WordPad, it didn't separate pages.
I am currently using version 3.0.C on Windows NT 4.0 with a HP Plus 4
printer. Any help will be greatly appreciated.
Tien Wang
Indus Consultancy Services
[email protected]
<method 1>
myFile : file = new();
file.writeLine('\f'); --- \f is the form feed in the C language
<method 2>
myFile : file = new();
j : IntegerData = new( value = 14 );
c : char = j.IntegerValue; -- c now contains ascii 14 (form feed)
p : pointer to char = &c; -- Set a pointer to the character
pageBreakTxt : TextData = new();
pageBreakTxt.Concat(p);
myfile.writeLine(pageBreakTxt);
-----------------------------------

Tien,
Try myFile.WriteText('\x0c'); instead of myFile.WriteText('\f');
Regards
Richard Stobart
-----Original Message-----
From: Wang, Tien [SMTP:[email protected]]
Sent: Friday, September 12, 1997 6:09 PM
To: Glen A. Whitbeck
Cc: forte-users; owner-forte-users
Subject: RE: How can I create a page break in a file?
Thank you, Glen. I tried WriteText. But it didn't work.
Tien Wang
Indus Consultancy Services
[email protected]
From: Glen A. Whitbeck
Sent: Thursday, September 11, 1997 11:59 AM
To: Wang, Tien
Cc: forte-users; owner-forte-users
Subject: Re: How can I create a page break in a file?
Instead of using "WriteLine," try using "WriteText" ("WriteLine" writes
TextData into an open file, while "WriteText" writes data to a stream)
like this:
<method 1>
myFile : file = new();
myFile.WriteText('\f');
Glen
Wang, Tien wrote:
Hi,
I am creating a text file for a report which contains multiple pages.
How can I create a page break in my file? I tried to use the
following
two methods, but neither of them works. Specifically, it seems a
special
character printed in the file. But when I print the file through a
WordPad, it didn't separate pages.
I am currently using version 3.0.C on Windows NT 4.0 with a HP Plus 4
printer. Any help will be greatly appreciated.
Tien Wang
Indus Consultancy Services
[email protected]
>
<method 1>
myFile : file = new();
file.writeLine('\f'); --- \f is the form feed in the C language
<method 2>
myFile : file = new();
j : IntegerData = new( value = 14 );
c : char = j.IntegerValue; -- c now contains ascii 14 (form feed)
p : pointer to char = &c; -- Set a pointer to the character
pageBreakTxt : TextData = new();
pageBreakTxt.Concat(p);
myfile.writeLine(pageBreakTxt);

How do I create sub-pages in iWeb?

Hi, How do I create sub-pages in iweb like it does in this website
http://www.e-alliance.ch/index.php?id=405
with all the main menus "about us", "advocacy capacity", etc?
Thank you for your help!!!
Boaz

To create sub pages, just ensure that the main menu item is in the main menu and then for the sub pages themselves, ensure that they are NOT in the main menu and you link back by creating links instead.
For example, you could use Staff as a main menu item, so Staff would be in the main menu and then descriptions of different staff members would be underneath, but not in the main menu - they would have separate links that you create and then hyperlink.
If you want to make drop down menus in iWeb, as in the site that you linked to, you can't do this directly in iWeb itself. You have to make it and then upload various css files to your web host and link to it in iWeb etc. It is quite a complex task to create drop down menus in iWeb. If you want to do that, then I would suggest that you use a different app instead - take a look at http://www.everwebapp.com.

How do I create photo folders in my iPad

How do I create photo folders in my IPad ?

You have to create the folders on your iMac first, then sync with your iPad using iTunes. Then, the folders show up as albums on the iPad.

How do I create photo page with blow up images?

Similar Messages

Maybe you are looking for