Portfolio: Thumbnail gallery with the full size image appearing on a darkened opacity layer?

I'm creating my photography website, and so far, my portfolio looks like this:
but I want the images to be buttons. I know how to re-load them as buttons, but then I'm stuck... I want for the full size version of each image to appear on the screen, with the background greyed out, like this quickly photoshopped version:
I've seen it done, but I just can't figure out how... I even downloaded a free template that had this, trying to replace the stock images with mine, but that didn't work either...
Thanks!

Use the 'Lightbox' widget to achieve this effect.
Or if you used another slideshow widget, there should be a Lightbox button you can mark to change to this type of view.
Double click the outside area when you change to Lightbox view (a dark box will appear around your image) to change the opacity of the background.

Similar Messages

Strange behavior when I try to match a mpeg2 video with the menu size image

hello all,
got a strange behavior when I try to match a mpeg2 video with the menu size image,
menu size is 1920 x 1080 (photoshop file)
mpeg2 video 1920 x 1080 (1second 19 frames)
the idea is to go from the menu link to the next sub menu with a video as transition, using the same image on the video as the menu and then zooming in (in my case through a door) to end up after the zoom in the next level menu.
I try to achieve a smooth change from the first play menu picture to the video image into the next level menu picture,
everything works good but when I watch it on the preview mode on the left and right side of the video it shows a black bar at least 15 to 25 pixel wide, that means the video image appears smaller and it causes a little jump what is preety disturbing and can not be sold as a professional work.
why encore treats the video size and picture differently?
it's gratful appreciated if somebody who got experience in a transition I mentioned obove posting any solution,
thankl you all

Hi all
I'm having a very similar problem with Encore. My menu items are distorting (a minor but infuriating squashing top and bottom) when previewed.
Using Encore,PS,AE CS4
DVD format SD PAL DV widescreen
I created 3 menu frameworks and 3 video transistions to link them in AE. On the final frame of each transistion in AE I saved the frame with Composition>Save Frame to> Photoshop Layers. In PS i added the button functionality and saved.
In Encore I use Dynamic link to import AE transistions as timelines and imported each PS menu twice, once as "menu" and once as an asset.
When I link the timeline transistions to the menu and preview at the point the menu begins the whole image is squashed. When the next transistion is activated the image returns to its original size.
Thinking it was the use of PS that was causing the menus to distort I used the menu asset directly in the time line. Obviously no menu functionality but also no distortion. The AE transistion flowed straight into the "menu" just as I expected.
In the properties panel the menu Aspect Ratio 16:9
The AE transistions PAR is SD PALwidescreen 1.4587.
I did try the Blu Ray suggestion above but the same distortion was apparent.
Any suggestions short of squashing the video to match the menu would be welcomed.
Thanks

In iPhoto, I can see the thumbnails but not the full-size photos

In iPhoto, I can see the thumbnails along the bottom but I can't see the full-size photos - I just see a black screen. What should I do?

There are several possible causes for the Black Screen issue
1. Permissions in the Library: Back Up and try rebuild the library: hold down the command and option (or alt) keys while launching iPhoto. Use the resulting dialogue to rebuild. Include the option to check and repair permissions.
2. Minor Database corruption: Back Up and try rebuild the library: hold down the command and option (or alt) keys while launching iPhoto. Use the resulting dialogue to rebuild.
3. A Damaged Photo: Select one of the affected photos in the iPhoto Window and right click on it. From the resulting menu select 'Show File (or 'Show Original File' if that's available). (On iPhoto 11 this option is under the File -> Reveal in Finder.) Will the file open in Preview? If not then the file is damaged. Time to restore from your back up.
4. A corrupted iPhoto Cache: Trash the com.apple.iPhoto folder from HD/Users/Your Name/Library/ Caches...
5. A corrupted preference file: Trash the com.apple.iPhoto.plist file from the HD/Users/ Your Name / library / preferences folder. (Remember you'll need to reset your User options afterwards. These include minor settings like the window colour and so on. Note: If you've moved your library you'll need to point iPhoto at it again.)
If none of these help:
As a Test:
Hold down the option (or alt) key key and launch iPhoto. From the resulting menu select 'Create Library'
Import a few pics into this new, blank library. Is the Problem repeated there?

Problems with viewing full-size images on Google...

When I search in images, and click "see full-size image", sometimes the file will be downloaded to my hard drive as a JPG, and then Preview opens up to view it. This never used to happen...the image would always just show up on a new page in the browser.
Does anyone know what's going on?

Hawaiian_Starman wrote:
Hi
It may be inherent in the site's code. Regardless, IMO the best way to view images, especially via a Google or Yahoo search is PicLens.
Hi HS,
IIRC lots of posts about PicLens being a prob so I went there w your link.
*They say it is NOT Safari ready.* Thought I would note that for other thread readers.
I'm sure glad you choose to hang in the Forums. JP

Iphoto 09, the slider for the thumbnail doesn't show full size image

The slider in the lower left that when to the left shows small thumbnails and when to the right, to the "head icon", shows the image enlarged to fill the window, is broken in iPhoto 09. When you slide all the way to the right or click the head icon, the biggest the images magnify to is thumbnails sized to four across and three high thumbnails (displaying 12 big thumbnails rather than one screen filling image). The only way to examine the image now in 09 is to go into edit mode, which still has the row of thumbnails across the top instead of a single large image.
This is really annoying and stupid and makes the program much less useful. Why would they change the program to make it impossible to see the images at full screen unless in edit mode? Any way to put it back to the 08 behavior?

It does seem a bit silly to retain the icon that implies a full sized viewing though.
iPhoto menu -> Provide iPhoto Feedback
If a change is an improvement, I'm all for it. If it is an arbitrary and unnecessary change, it can just be irritating. Like changing the reload button in Safari from the upper left to a variable position somewhere in the upper middle part of the window, a change that improved nothing and probably was a bad idea; changing a constantly located icon to one that roams around depending on the window width.
Absolutely. Not sure what that has to do with iPhoto, though.
I can cope with changes that make things more efficient or improve quality.
Good to know.
I don't quite understand the defense of mindless changes that merely require the user to dig around and waste time figuring out what happened to seemingly missing standard features.
But who’s defending anything?
I don't think that the sheep who copes by blithely accepting being herded onto the slaughterhouse truck is necessarily exercising any signs of higher intelligence.
True. But what do you make of the one who goes ranting off about things based on incorrect information?
This change in the software is inconvenient and makes the program worse.
By way of explanation and not at all to defend: It’s a subtle thing, I know. But it does add a level of coherence to the OS. Quicklook in the Finder, for instance, does a similar thing with the same keystroke. Itunes starts playing a track on the same keystroke. So, I’m not sure where the failed analysis is.
Regards
TD

How to show full size images from a thumbnail view?

Hi,
I am trying to setup a simple portfolio of projects. I have a series of 4 screen dumps of some web work I did, and they have to be greatly reduced in size so they can all fit on one page. I'd like to be able to have the user click on any of the 4 screen shots (imported png files) and then see a full size image. I know how to do this basically in plain html, but uncertain how to set this up with iWeb. Do I need to create 4 new pages with the full size images on them? Or is there an easier way.
thx
'mark

mark:
The method described on this demo page is one way you can accomplish what you want: Opening Item in a New, Precisely Sized Window.
Another method can be seen here: Fancy Zoom.
There are a number of flash based slideshows that might do what you want. Check out these:
Jalbum
SimpleViewer and Flash Album Exporter
Mouse Over
OT

How to reduce full-size image in Flash photogallery

I tried my hand at building a photogallery following along
Colin Smith's "How to Wow" in Flash. Everything seemed to turn out
great except when I click on a thumbnail to show the full size
image, it appears bigger than the stage so you only see a part of
it. I have tried reducing the size of the image in photoshop and
replacing the original library image...no use. Can anyone suggest
how to fix this so that it will show a image no bigger than the
stage? To get a better understanding of what I am talking about,
you can see it at
www.keystonemkg.com/flashproblem.html
Thanks in advance for the help

You'll need to upload the folder with your images to your host, and then link to the image with that URL in Muse. For example, if you were uploading your image to "www.myhost.com/myimages/image.jpg," you could link the thumbnail to "www.myhost.com/myimages/image.jpg"

Upon opening a thumbnail to view full size image, it often spontaneously zooms to only display bottom left quarter of image.

When double-clicking on the thumbnail image of an iPhoto album, the full size image will often spontaneously zoom to only display the bottom left quarter of the entire photo when it displays in full size. I can easily work around this by clicking on the right arrow to go to the next full size image (which will display properly) and then click on the left arrow to go back to the initial affected image (which will also then display properly). It does not do this when full-sizing all images from their thumbnails - probably less than 10% of the time; but still often enough to be a pian. I cannot find anything in the preferences which would appear to cause or correct it.
It is a recent problem. I have been using iPhoto extensively for many years without any problems. I cannot recall for sure, but it may have started after my update to version 9.4.2.
Using an iMac with plenty of RAM, latest version of iPhoto 11 and Mountain Lion version 10.8.2.

What is the format of the PS photos and are there any alpha channels in them? You might try to re-edit them with PS, making some insignificant change and then saving. See if the new edit will display properly. Are you saving as jpgs with the Baseline format?
I may be preaching to the choir here but this may be of interest:
Using Photoshop or Photoshop Elements as Your Editor of Choice in iPhoto.
1 - select Photoshop or Photoshop Elememts as your editor of choice in iPhoto's General Preference Section's under the "Edit photo:" menu.
2 - double click on the thumbnail in iPhoto to open it in Photoshop. When you're finished editing click on the Save button. If you immediately get the JPEG Options window make your selection (Baseline standard seems to be the most compatible jpeg format) and click on the OK button. Your done.
3 - however, if you get the navigation window
that indicates that PS wants to save it as a PS formatted file. You'll need to either select JPEG from the menu and save (top image) or click on the desktop in the Navigation window (bottom image) and save it to the desktop for importing as a new photo.
This method will let iPhoto know that the photo has been editied and will update the thumbnail file to reflect the edit..
NOTE: With Photoshop Elements the Saving File preferences should be configured as shown:
I also suggest the Maximize PSD File Compatabilty be set to Always. In PSE’s General preference pane set the Color Picker to Apple as shown:
Note: to switch between iPhoto and PS or PSE as the editor of choice Control (right)-click on the thumbnail and select either Edit in iPhoto or Edit in External Editor from the contextual menu. If you use iPhoto to edit more than PSE re-select iPhoto in the iPhoto General preference pane. Then iPhoto will be the default editor and you can use the contextual menu to select PSE for your editor when desired.

Web gallery full size images blurry on .mac

My photos look great in iPhoto. But when I have iPhoto create a web gallery and sync it to .mac the full size images are quite blurry. The thumbs are fine, but the full size images look over compressed. I can't find a place to fool with image quality for these images. Any thoughts?
Thanks in advance.
-Buddy

Buddy:
I found that the full sized images that I synced to a web gallery in iPhoto were jpg compressed to a quality level of 9 out of 12 (as determined thru Photoshop). I do not notice any obvious degradation of image quality. At 200% enlargement I did notice some unsharpness. My files are compressed down from around 2 MB TO 840KB.
Do you Twango?
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've written an Automator workflow application (requires Tiger), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.

How to create ePUB with full size images/pages to adjust according to device?

Friendly Greetings,
        I have been trying, for nigh on two months, to convert/create my 7 books that are in print into eBooks; with first publishing scheduled to be Nook, with Kindle on the eventually list. I am, sadly still working on just getting the first one published! And I could really use any assistance to get this figured out. My intent was to publish several weeks ago...now my desperation is to publish before the weather gets too warm and kids are outside most of the time...or at least no later than Easter. :0)
        First and foremost, my books are picture/poetry books for kids of all ages. They were fully designed in Photoshop, where I also created the full size images for the first eBook. I received the specifications from B&N for the various Nook devices. Under the assumption that it would be best to create the largest of the files, thus allowing smaller sized devices to adjust the page accordingly to fit and the largest would not overstretch a smaller image, I sized my pages to 1280px x 1920px at 72dpi. (now I hear 150 is standard??)
        My text is included within the image as the design is one image = one page. I included a full text only version of the story/poem at the end for those wishing to adjust text or use a voice reader. I obviously have all the original files, but for publishing they were all saved as JPGs.
        After quite a struggle and a whole lot of frustration I managed to complete the manuscript in Barnes and Noble's Nook Press Manuscript Editor. My internet is molasses and thus much of this was done in the wee hours of the morning when the rest of the time zone is asleep. I only had one page with an issue, of an extra blank line/space that was irreparable. I published, and found it was completely botched in publish, though the preview looked a-okay. Only about the top left 1/6 of each image/page was visible in either my laptop's Nook for PC or my Android Tablet's Nook App. So I agonizingly awaited another 10 hours, hoping no one would buy my book during that time, for it to be removed from sale.
        I downloaded a trial of InDesign CC, and after two weeks of not even being able to create a single new document for some screwy reason, I bought a month's subscription. So far I'm not entirely convinced of this whole Creative Cloud malarkey, especially considering...as like I said my internet is slow...it took me nearly 20 hours just download the software. (Is it really that difficult to offer disc, seriously?) After a chat and phone call I can, in theory, now use InDesign.
        I created a New Document for Digital Publishing at the aforementioned specs (1280 x 1920 px). I made the rectangle placeholders the full size of the page, and place one image per page. This usually inserted the image at about 50% and I would have to select 100% and then move as necessary in to place.
        Thus, my first question is: Is there a way to place an image at 100% without having to do that extra resizing step? Or if there is an alternative way to place the image to the full size of the page without any of those other steps that would be lovely too.
        Okay, after placing several pages/images I also selected each and went to Object Export Options and Checking the Custom Rasterization and "Resize to Text Flow". I then exported a trial ePUB to see what it would look like. On both the PC and Tablet in landscape mode it was a far cry better than the other, but about oh a 1/3 of the bottom of each page was cut off. On the tablet I rotated to portrait and voila full page. Woohoo! But alas, I don't want to limit it.
        Is there something I am doing wrong? Did I miss a step or two somewhere so that the full image will fit on the page? I feel like I'm just about to turn the page on this thing, but it's stuck to the one after that.
        I would greatly appreciate any insight, tips, help that anyone can offer. I have run the gauntlet of Barnes and Noble...cough, cough...support and apparently I ask questions which no Nook Press rep can answer and the forums over there have no clue about InDesign. It's almost as if with all the fantastic beautiful screens out there today nobody wants picture books! How does National Geographic do it?!
        Thank you very kindly.
In case it is necessary: My laptop uses Window 7 Pro 64-bit, InDesign CC is 64-bit and my 10.1 tablet uses Android. I can view the EPUB files in Nook for PC and Nook for Android. I also have Kindle, LumiRead, and various other apps on the tablet. I can also have someone preview the finished epub, if need, on a Mac, iPad, and/or Android phone...though I do not have any of these. Not sure who has a Nook I can look at though. Thanks again.

Q: Is there a way to place an image at 100% without having to do that extra resizing step?
I think here you want your images to fit in the full page size frame automatically. For this you can try the follwoing steps:
1. Create a new doc
2. Goto Object menu and choose Frame fitting options
3. Select Autofit and from Fitting drowdown, select "Fit content to frame". Refer the screenshot below:
After this you images should automatically fit in the entire page placeholder frames. Please let me know if this does not work or if the problem you are facing is different and I did not understand your problem correctly.
Regards,
Pooja

Generating full-size image from thumbnail using BLOB DB images

Hi all,
Assuming that all necessary steps were taken in other posts and tutorials to display images on a web page from BLOB objects stored in an Oracle 10g DB, how is it possible to set the size of the created images (from the servlet that creates the image file from BLOB) so that it is smaller than the actual image in the DB. the user would then have to click the image to open the full image.
would this be done by possibly creating 2 servlets, one that displays a smaller version, and one that displays the actual image?
i don't see how this can be done since the url property of each image is bound to the url of the servlet. If the thumbnail has a url pointing to image produced by thumbnail servlet, would i assign an action handler for clicking the image that redirects to a url given by the full size image servlet? or should i use an image hyperlink instead?
any help is always appreciated!

Suggest you take this one step at a time.
1. Create a database and store your images in it. (Or write the upload mechanism if you need it).
2. Display your full size images.
3. Display your full size images as thumbnail size. (Performance will not be good but you'll have results.) Creator allows you to set image size independantly of the size of the underlying image.
4. Modify the servlet you wrote in step three to optionally reduce the resolution (or quality) based on an input parameter.
References: Steps 1 -3
http://blogs.sun.com/sakthi/entry/how_to_upload_and_retrieve
Step 4
http://java.sun.com/developer/onlineTraining/javaai/jai/RenderableScaleFrame.html
Or possibly some other library.

HELP! Full size image is creating a new blank page that I cannot delete.

Hello,
I am creating a document where each page has a full size (8.5x11) image that is set to the background. I then have text over the background image. My problem is that when I make the background image and insert another page, I get a blank page that I cannot get rid of. I have made sure that the full size image is not going over the border but it is still creating an invisable character that is a blue line with an icon at the end.
How can I get rid of this line??
To insert the large inage, I am creating a square shape and extending it to the edge of the document. I am then filling that shape with an image.
PLEASE HELP!!!
Thank you in advance!
V

Nevermind! I found the answer!! I had to un-check Object To Wrap in the Inspector.

The photos in my IPhoto have all become mini-thumbnails and I can't open or edit them. When I print the image it comes out normal size. How do I get the thumbnails back to the standard size and be able to work with them?

The photos in my IPhoto have all become mini-thumbnails and I can't open or edit them. When I print the image it comes out normal size. How do I get the thumbnails back to the standard size and be able to work with the photo files?

What version of iPhoto and system are you running? On the guess that you're running the latest iPhoto, 9.4.2, Try the following:
1 - launch iPhoto with the Command+Option keys held down and rebuild the thumnails, Option #2.
2 - It may take 2-3 attempts so don't give up after only one attempt.
OT

All my photos have been imported to iPhoto library. Is it safe therefore to delete all photos in the Finder pictures folder? It seems crazy to have them duplicated (all are backed up externally). And are they full size images in iPhoto?

All my photos have been imported to iPhoto library. Is it safe therefore to delete all photos in the finder picture folder? It seems crazy to have them dupllcated ( all are backed up anyway). And are they the full sized images stored in iPhoto?

Assuming you have iPhoto set to the Default setting, then yes, your full sized photos are copied into the iPhoto Library and so you can delete your own stored in the Finder.
Easiest way to check: Select a photo in the iPhoto Window and go File -> Reveal in Finder -> Original. A Finder Window should open with the file selected. Is it stored within the iPhoto Library? You can tell easily in the Finder's column view.
As an FYI:
There are many, many ways to access your files in iPhoto: You can use any Open / Attach / Browse dialogue. On the left there's a Media heading, your pics can be accessed there. Command-Click for selecting multiple pics.
(Note the above illustration is not a Finder Window. It's the dialogue you get when you go File -> Open)
You can access the Library from the New Message Window in Mail:
There's a similar option in Outlook and many, many other apps. If you use Apple's Mail, Entourage, AOL or Eudora you can email from within iPhoto.
If you use a Cocoa-based Browser such as Safari, you can drag the pics from the iPhoto Window to the Attach window in the browser.
If you want to access the files with iPhoto not running:
For users of 10.6 and later: You can download a free Services component from MacOSXAutomation which will give you access to the iPhoto Library from your Services Menu.
Using the Services Preference Pane you can even create a keyboard shortcut for it.
For Users of 10.4 and 10.5 Create a Media Browser using Automator (takes about 10 seconds) or use this free utility Karelia iMedia Browser
Other options include:
Drag and Drop: Drag a photo from the iPhoto Window to the desktop, there iPhoto will make a full-sized copy of the pic.
File -> Export: Select the files in the iPhoto Window and go File -> Export. The dialogue will give you various options, including altering the format, naming the files and changing the size. Again, producing a copy.
Show File: a. On iPhoto 09 and earlier: Right- (or Control-) Click on a pic and in the resulting dialogue choose 'Show File'. A Finder window will pop open with the file already selected. 3.b.
b: On iPhoto 11 and later: Select one of the affected photos in the iPhoto Window and go File -> Reveal in Finder -> Original. A Finder window will pop open with the file already selected.

This is a silly question, but I cannot fix it! The icons that appear on my photos after I edit them, have gone away. The only way I can see them is in the Grid view. How can I get the icons back on the thumbnail photos of the full gallery that is loaded?

This is a silly question, but I cannot fix it! The icons that appear on my photos after I edit them, have gone away. The only way I can see them is in the Grid view.
How can I get the icons back on the thumbnail photos of the full gallery that is loaded? TIA =)

You have likely dragged the size of the filmstrip thumbnails to a small size that prevents Lightroom from displaying the badges. Using your mouse, mouse over the top line of the filmstrip and then drag it supports to increase the size.

Portfolio: Thumbnail gallery with the full size image appearing on a darkened opacity layer?

Similar Messages

Maybe you are looking for