Center images within a photo frame

I saw a friend's site where it used a pre-bought package. It
had nice photo frames and a sutle drop shadow.
The site I'm working on has a lot of photos and I would like
to set them off this way.
What I did was make the frame with a drop. Drop shadow isn't
looking good even though I did a .png Anyway, I made the frame the
background image-ok. Now I want to center the photo within the
frame. The photo info is in the page as the owner wants to change
it. Its a <img> tag. I tried doing a align center in the
<img> but that didn't do it.
Somehow that program did it. I believe it was done with CSS.
Anyone know?

phrarod wrote:
> Funny. Its a whole website package. I'm sure I could
make just that part. Here's an example:
>
>
http://www.vintagemotoring.net/image-gallery/vintage-motoring-events/?album=1&gallery=2
>
Thats a complex piece of positioning using css. I'm pretty
sure youre
not going down that route as it would be beyond your
capabilities given
what you have said to date.
So I would forget that and show us the code you are using to
create YOUR
version of this. This effect can be achieved with a lot less
complexity
than the example you provide above.
Below is an example. You'd need to know something about css
to
understand it. Basically you would create a <div>
container and use a
background image for the drop shadow, then insert the main
image within
the container, style and position it with css.
At the moment in the example below the image appears to be
off-centre
but when the drop shadow background image is added it will be
centered
in the <div>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#thumbWrapper {
width: 263px;
margin: 0 auto;
.thumbImage {
width: 122px;
height: 87px;
border: 1px solid #999;
float: left;
margin-left: 15px;
display: inline;
background-image: url(dropShadow.jpg);
background-repeat: no-repeat;
.thumbImage a {
width: 110px;
height: 75px;
display: block;
border: 4px solid #fff;
.thumbImage a:hover {
border: 4px solid #999;
a img {
border: none;
</style>
</head>
<body>
<div id="thumbWrapper">
<div class="thumbImage" style="margin-left: 0;">
<a href="#"><img src="lake_maggiore.jpg" width="110"
height="75"></a>
</div>
<div class="thumbImage">
<a href="#"><img src="lake_garda.jpg" width="110"
height="75"></a>
</div>
</div>
</body>
</html>

Similar Messages

Swf within digital photo frame

hi there, i hope anyone can help me with the following
question.
i am creating digitial pictures with actionscript to display
them as swf. i am looking for a digital photo frame that is able to
display .swf files but cannot find any, only frames that can
display .avi, mpeg etc (and exporting as .avi does not help as it
will only show a blank movie because of the actionscript).
does anyone know about any product that can per default
display swf? any hint would be highly appreciated!!
thanks,
steffen

Did you find a Digital Photo Frame that will play swf's yet?
I am looking for one, too.
I would also like to see it support video in an swf.

Separating images within a photo

I have many birding photos with several birds in one image, such as 3 terns flying. I want to be able to move one bird closer to another bird.
Is that possible?

warblerbird,
Here's one way:
1. Select the bird on the left, copy & paste selection to new layer (Layer 1), and move this bird to new position.
http://www.pixentral.com/show.php?picture=1UKA49AMMi5udHKC70KOdDkwnJvLrs1
2. Select the original bird and move selection to empty (ocean) area. I temporarily turned off the visibility of Layer 1 so that I would have an area large enough to work with. I used the Rectangular Marquee for the selection, but you can also use the Lasso to roughly select the bird.
http://www.pixentral.com/show.php?picture=1MrU31ipvAbkw1jgeUK8BOfQgPqTg0
3. Copy & paste the selection to a new layer (Layer 2) and move this layer to cover the original bird. Note that the edges of the rectangle show. Next step will fix this.
http://www.pixentral.com/show.php?picture=10slvsalPmfVsms3NQb1uZhlYAXHMA
4. Merge down Layer 2 onto Background layer. Use Clone tool with soft brush size to clone adjacent areas over the edges.
http://www.pixentral.com/show.php?picture=1F7Tu8VvUS8YjPKII0gx39F1IKyX0

Automatic image compression for photo gallery web apps?

Is it possible to scale and compress images to a maximum size when uploading to a web app? This is for a photo gallery that allows public submissions, and we are anticipating that we will get lots of photos that are very large. This is a task that would be best handled by a server-side image processing lib, but is there another way since we don't have that on BC?
Thanks!

I understand that you are probably concerned with data storage limits when asking this question. But, you can create thumbnails when displaying images within the photo gallery. This will allow a very large image to display very quickly within the gallery.

Sequencing images in iphoto slideshow for photo frame playback via flash drive

I have created a slide show in iphoto and saved it to a flash drive. I want the show to play in a particular sequence. On the computer that works. When playing the show via the flash drive on my Pandigital Photo Frame, however, the images randomize. The images have numbered filenames, and the shuffle function on the photo frame is turned off. What do I need to do differently?

When I connected the frame to the computer, no photo files showed, not even when I added the flash drive to the frame.
The sequence of the files on the flash drive is numerical, just what I am after. Something seems to be happening within the frame. In addition, while I have placed no files into the frame's internal memory, and none show up, when I play the slideshow, files that I once had in the slideshow file but later deleted, still appear!?

Centre aligning images within picture frame using XML file

Hi
I am using a flash file that uses an xml file to upload a
series of images one at a time into a picture holder.
There are two different widths of the images. The height is
always the same. Is it possible to set this up so every image that
the xml file calls is centre aligned within the picture frame.
At the moment when using the xml file to load the image it
always left aligns the image when it brings it into the picture
frame even if you change the alignment to centre align within in
the align panel.
Does anyone have a suggestion why this is happening or how to
fix it?
Thanks for the help

You're welcome. Pleased it worked.
All it does is use the MovieClipLoader class to load the
images into your holder_mc. Because loading takes time, and because
you can't check or adjust the size or position of images until they
have loaded, the MovieClipLoader class gives you a handy option to
run some code whenever its finished loading something you told it
to load.
That's what the addListener instruction does... it says
whenever myLoader has something new to tell me about the status of
the load requests I ask it to do... make it run some related code
in the listener object (which is called loadListener in this
code... it could equally be called something else). You 'listen'
for different events or updates of status. All I 'listened' for
here was the onLoadInit event.
The onLoadInit is the 'final' status update after loading. It
occurs when something has loaded and its properties are accessible
(_x, _width etc). The target_mc that is an argument for the
loadListener.onLoadInit is a reference to the clip that was loaded
into.
The best way to learn about this stuff is probably to read up
on MovieClipLoader in the livedocs and try google to see if there's
an online tutorial somewhere. Then give it a try yourself in
another new fla.
cheers
GWD

Images not re-sizing to fit photo frames

When I insert images onto my keynote pages they do not re-size to fit the photo frame. I cannot find an option to make them fit . Also, unlike the text boxes, I cannot alter the photo frame.
I am using iWork v3.0.2 that I bought with an older mac. I have upgraded my mac and am now on My OSX is 10.5.8
Do I need to upgrade iWork to make this work?

Hi cakeboy,
Sorry to learn that you're having trouble re-sizing your pics for Keynote.
Firstly, I would suggest up-grading to at least iWork '08.
Secondly, try using http://img243.imageshack.us/content.php?page=done&l=img243/4979/picture1fv.png&v ia=mupload which will re-size images to suit various applications.
If you click on the 'Slide size' bar, this should allow you to open a slide page that best suits the size of slide you wish to install. If your slides are large, then I would suggest 1920 x 1080 (pixels)
Hope this helps.

Photo Frame Question

I know that this is not an Apple Question but I haven't found a forum for this and I was curios if anyone else had run into this issue:
I have a Sylvania 10" Digital photo frame (I do not recommend this frame to anyone. Support on it is lousy to non-existant and I am still waiting for a replacement remote control for it which I ordered in March. I am using my harmony remote to control it right now.) which displays photos pretty well. It's resolution is 1024 x 600. The issue that I am seeing that I wonder if anyone else has seen on their digital photo frame, is that when I transfer photos from the mac to the photo frame and then view them with the quick view progam, the images are corrupted. Even Disk Verify shows that the jpg images are corrupted yet the photo frame has no problem displaying them. They look normal with no corruption at all. The files on my hard drive are fine with no corruption at all. Since I won't be using the frame as a backup for my photos anyway, its not an end of the world issue but I am curious if this happens with other digital photo frames. Interestingly enough, the disk utility sees the frame as having an unknown or unspecified partition with an MS-DOS Fat 32 format on it.
Thanks,
Patrick

Hello tweetybird53,
Thanks very much for purchasing the HP Digital Photo Frame. I regret that you are having some product and support challenges. Please email me with your HP case number or your product number, serial number and contact information so that we can get your issue resolved quickly.
The answer to the question, "Is there an HP service depot near where you live that you can take it there?" is no. Currently, customers can not drop off products at an HP service center. There is a process to follow that entails mailing in the product if it is coded for repair. In some cases, the defective product is simply replaced.
I look forward to assisting tweetybird53.
Regards,

I want to take an image that's from my files, no cropped and be able to set up action(s) where I can drop that image behind an 8x10 frame overlay, then the same with a 5x7 frame overlay, then the same image behind a memory mate overlay that's an 8x10 size

So is there a way to do this using the images right from the camera, where I don't have to crop three different sized images and drag them into the overlays? I can set up an action for each, but cropping the same image 3x is a pain in the ***..!

There are. I did not write you need to learn scripting and write your own scripts. As I wrote most Photoshop will never write a script. However I would write every Photoshop user will at times use a Photoshop script to do some automated process for them.
I wrote the it would be very hard to do what you want to do would a straight Photoshop action. Actions on their own can not use logic. An action would need to to it by brute force.
However in Photoshop CC Adobe added conditional action support. With this support it is now possible to create a group of actions to process some conditions. Like you can separate Landscape from portraits have an Action for processing landscape images and an other for processing portrait images.
Size is still hard to deal with for you can have landscape's the are extremely wide to landscapes that are square and portraits the are extremely narrow to those that are almost square.
Image the extreme aspect ratio will not fill a 8:10 or 5:7 area it resized to 10 and 7 and creating crops the have 8"10 and 5:7 will have images compositions where most of your image content has been discarded.
Camera images do not have extreme aspect ratio the usually have 3:2 or 4:3 aspect ratios there are exceptions. When you have print made the are 5x7 and 8x10 by printers the prints you receive from the printers are center crops from your image files.
It is very easy to make center crops if aree images have the same aspect ratio and orientation to begin with. Now with CC you can have seperate actions to the two orientations.
A general solution would need handle arbitrary aspect ratios the resulting center crop may well not have a satisfactory image composition for source image with extreme aspect ratios.
Photoshop ship with several scripts users use all the time to process their image. You may have used some yourself. Do any of these sound familiar to you. Conditional Mode Change, ContactSheetII, Delete All Empty Layers, Export Layers To Files, ExportColorLookupTables, Fit Image, Flatten All Layer Effects, Flatten All Masks, generate, Image Processor, Layer Comps To Files, Layer Comps To PDF, Lens Correct, Load DICOM, Load Files into Stack, Merge To HDR, Photomerge, Script Events Manager and Statistics.
My action package as I wrote contains more the a dozen script I wrote to be used in actions to add logic into the actions.
It would also be extremely easy to create a Photo Collage Template PSD that contains a background layer that has your two frames the 8x10 and 5x7 and also have two alpha channels to map the locations of the images. That can be batch populated with my script BatchPicturePackage.
Photo Collage Toolkit
Photoshop scripting is powerful and I believe this package demonstrates this A video showing a 5 image collage PSD template being populates with images:
The package includes four simple rules to follow when making Photo Collage Template PSD files so they will be compatible with my Photoshop scripts.
Size the photo collage templates for the print size you want - width, height and print DPI resolution.
Photo collage templates must have a Photoshop background layer. The contents of this layer can be anything.
Photo collage templates must have alpha channels named "Image 1", "Image 2", ... "Image n".
Photo collage templates layers above the background layers must provide transparent areas to let the images that will be placed below them show through.
There are twelve scripts in this package they provide the following functions:
TestCollageTemplate.jsx - Used to test a Photo Collage Template while you are making it with Photoshop.
CollageTemplateBuilder.jsx - Can build Templates compatible with this toolkit's scripts.
LayerToAlphaChan.jsx - Used to convert a Prototype Image Layer stack into a template document.
InteractivePopulateCollage.jsx - Used to interactively populate Any Photo Collage template. Offers most user control inserting pictures and text.
ReplaceCollageImage.jsx - use to replace a populated collage image Smart Object layer with an other image correctly resized and positioned.
ChangeTextSize.jsx - This script can be used to change Image stamps text size when the size used by the populating did not work well.
PopulateCollageTemplate.jsx - Used to Automatically populate a Photo Collage template and leave the populated copy open in Photoshop.
BatchOneImageCollage.jsx - Used to Automatically Batch Populate Collage templates that only have one image inserted. The Collage or Image may be stamped with text.
BatchMultiImageCollage.jsx - Used to Automatically Batch Populate Any Photo Collage template with images in a source image folder. Easier to use than the interactive script. Saved collages can be tweaked.
BatchPicturePackage.jsx - Used to Automatically Batch Populate Any Photo Collage template with an image in a source image folder
PasteImageRoll.jsx - Paste Images into a document to be print on roll paper.
PCTpreferences.jsx - Edit This File to Customize Collage Populating scripts default setting and add your own Layer styles.
Documentation and Examples

I have photos that are rotated within a photo stream created from a project even though the photo displays properly within the project. How can I get the photos to have the proper rotation within the photo stream?

I have a photo stream that was created from a subset of photo from a rather large Aperature project. Some of the photos show up rotated within the photo stream but are not rotated within the project. Why is this happening and how do I fix the rotation within the photo stream? I do have the latest version of Aperature and have all of the necessary updates applied to my devices used to view the photo stream. The photos do show up rotated within the photo stream segment of Aperature, so I am sure it is not an issue with the output device (iPad and Apple TV). I do know that I cannot edit photos within a photo stream, but no amount of editing within the project allows the photos to be properly rotated within the photo stream. All help would be greatly appreciated.

That will work, but it is the long way 'round.
As Frank noted, Book Albums are just specialized Albums. Albums can show any Image in your Library, regardless of where the Album is located on the Library Inspector, and regardless of which Project contains the Image. You can put your Albums anywhere (in a Folder called "Books" for example). You can put Images from anywhere in your Library in any Album.
The easy way 'round:
- Make a new Book Album
- Select Images you may want to put in your Book. Flag them.
- Select some more. Flag them.
- Go to the "Flagged" container (listed near the top of the Library Inspector), select all, and drag-and-drop them to your Book Album.
- Repeat as needed, or just drag-and-drop directly into the Book Album.
Note that you can remove any Image from any Album (including Books) by selecting and hitting the "{Delete}" key. This _does not remove the Image from the Project that contains it, or from the Library.
Note, too, that once the Images are in your Book Album, you then put them in the Book you are creating for publication. The Book Album contains the superset of Images with which you populate the Book itself. The Book Album also holds the Book.
A good (imho ) introduction to the parts of Aperture can be found in this short guide I wrote.
The User Manual is helpful. Here is
the chapter on making Books.
From that chapter, here is
the section detailing how to create and populate a Book Album.

IndesingCS2 server scriptable pluign: how to import image file into a frame.?

Hello I am creating a scriptable pluign for indesingcs2 server. Now I am stuck at importing a image file in a image frame on a document. The code which was running fine for indesingcs2 desktop is given below. /////////////////////////////////////////////////////////////////////////////////////// /////////// IDFile sysFile = SDKUtilities::PMStringToSysFile(const_cast<PMString* >(&ImageFileNamewithcompletepath)); InterfacePtr<ICommand> importCmd(CmdUtils::CreateCommand(kImportAndLoadPlaceGunCmdBoss)); if(!importCmd) return kFalse; InterfacePtr<IImportFileCmdData> importFileCmdData(importCmd, IID_IIMPORTFILECMDDATA); if(!importFileCmdData) return kFalse; //db is input.I got it using the techniques mentioned in the indesign-server-plugin-techniques.pdf //page 18.. importFileCmdData->Set(db, sysFile, kMinimalUI); ErrorCode err = CmdUtils::ProcessCommand(importCmd); if(err != kSuccess) return kFalse; InterfacePtr<IPlaceGun> placeGun(db, db->GetRootUID(), UseDefaultIID()); if(!placeGun) return kFalse; UIDRef placedItem(db, placeGun->GetItemUID()); InterfacePtr<ICommand> replaceCmd(CmdUtils::CreateCommand(kReplaceCmdBoss)); if (replaceCmd == nil) return kFalse; InterfacePtr<IReplaceCmdData>iRepData(replaceCmd, IID_IREPLACECMDDATA); if(!iRepData) return kFalse; iRepData->Set(db, imageBox.GetUID(), placedItem.GetUID(), kFalse); ErrorCode status = CmdUtils::ProcessCommand(replaceCmd); if(status==kFailure) return kFalse; return kTrue; /////////////////////////////////////////////////////////////////////////////////////// ////////// I used the same code for making scriptable plugin for indesignCS2 server as it doesn't involve use of any UI element. But this code is not working.It doesn't crash or returns kFalse. What i see after executing the plugin through script is a grey region for image in the graphics frame. I request if anyone gives me solution to this i will be highly grateful to him. Thanks and Regards, Yogesh Joshi

Actually, your code is working fine, as there are no returned errors, asserts or crashes.
The reason you are just seeing a gray box, is that the display performance is set to the lowest level in InDesign Server for performance reasons.
Hint: Open the document in "desktop" InDesign, right click on the image, and look at the Display Performance settings for the image.
See
Ken Sadahiro, "[CS2 Server] Controlling display performance, how?" #1, 23 Feb 2006 8:01 am
You can of course programmatically change it to the normal or high res settings from within your plug-in, but it might slow down the performance of InDesign Server a bit.
One additional comment:
In your code where you do this:
importFileCmdData->Set(db, sysFile, kMinimalUI);
I would do this, just to be safe:
if (LocaleSetting::GetLocale().IsProductFS(kInDesignServerProductFS )) { importFileCmdData->Set(db, sysFile, kSuppressUI); } else { importFileCmdData->Set(db, sysFile, kMinimalUI); }

Digital Photo Frame df1010v2 - how to download photos in the order they appear on USB?

Photos installed nicely into my df1010v2 digital photo frame, but not in the order I wanted them. I had painstakingly named all of them by date, and they appeared chronologically on the USB drive I copied them from, but they downloaded in random bunches. Does anyone know why this happened and whether there is a fix? Pictures are for my 90-year-old mother, and the weird order will confuse her. I do not have frame set to view in random sequence, but that's how they will appear to her P.S. Many of the photos are scans of old photos, so setting them to appear by date taken will not work here. Thank you for any help!

Hi,
If you are happy with PSE 6, why not continue to use it?
PSE 13 can display the images in date/time order like PSE 6 does. The time doesn't appear when you hover over a thumbnail but can be displayed below the thumbnail. The best thing is for you to download the trial version (select version 13 from the following link) and try it for 30 days to see if you like it.
Download Photoshop Elements products | 13, 12, 11, 10
If you use the trial, to see the date and time under each thumbnail you need to go to the View menu in the organizer and ensure that Details is checked.
Brian

Sort images within stack by rating?

Hi Gang,
I'm editing a massive job and there's one part of the process that is taking forever. After I've rated every image within a stack, I seem to have to resort them manually to be shown from highest rating to lowest rating, either by dragging or by using the "promote/demote" buttons.
Is there any way to make images in a stack sort themselves by rating? This would literally save me hours of time.

I know of no way to automatically stack by rating. You could create Smart Albums with only certain ratings included. I know that's not exactly what you wanted to do, but it would accomplish a segregation of your photos by rating.
Sorry not to be able to provide an answer, but I don't think there is one.
Joel

Having trouble connecting Ipod to a digital photo frame

According to the photo frame manual, I follow the directions on page 7 to listen to my music - I did that. It tells me the file format has to be wma or mp3. I assume they are.
I've plugged ipod Nano into its USB cable and the USB cable into the frame in the correct location. Once the cable is connected, it lets me choose the option to hear my music, but none of the music on my ipod is showing up on the screeen. Frame says "no music in current deviced" (it thinks the ipod is blank, but I know it isn't).
When it's plugged into the frame it says on the ipod screen that it's "connected - eject before disconnecting" like it does when it's hooked to the laptop. It won't let me select music on the actul ipod when it's plugged into the frame.
I've emailed technical support at SmartParts for the Sync Pix photo frame, but I don't know how much help they will be.
I'm truly stumped, and I'm sure my random explanations are probably not helping. ;(
Thank You!

Good day Chakari. The photo frame supports images compatible with the Design rule for Camera File system (DCF)format. If the original images are not compatible with the DCF format, convert them to the DCF format before or after copying. The following are the DCF standards.
Image file names must be named DSCxxxxx.JPG , where the x represents a numerical digit.
Image files must be stored on the media in the DCF file structure
Its important to know, the DCF file structure requires a folder named DCIM on the media. Inside the DCIM folder should be a folder named 100MSDCF or 101MSDCF . The image files must be stored in one of these two folders.
Here's the Sony eSupport link for further assistance: http://www.kb.sony.com/selfservice/microsites/search.do?cmd=displayKC&externalId=C1024060&fes=true&m...

Need help editing scanned images of old photo album pages PSE 9

Before I begin this project, I thought I'd get some advice from someone who has undertaken a similar project. I have three photo albums from the 50's and 60's. The albums were made by my mother who mounted the photos (mostly black and white but some color photos) on construction paper (of various colors) using the corner holders or glue. She hand cut the construction paper so each page is not a perfect rectangle ( about 11" tall, 8.5" wide). The pages were punched and put into a three-ring binder.
She added text to the edge of the photo and/or to the construction paper. Each page contains one to 6 photos and text. Each album has about 120 pages. I want to keep the notes on the construction paper so I scanned each page into a TIF files, 400 dpi and stored the images in a separate folder for each volume.
I use (poorly) PSE 9. I see it has a auto straighten/crop feature that can be used one photo at a time. I tried the divide scanned images function and that did not fully separate all images on the page and also created an image for stray objects on the page such as an unused corner holder. (I know those things have a better name but it escapes me now.)
I plan to create photo books for my siblings. I am now thinking of cropping the image of each page (rather than each photo on the page) into a uniform size, adjusting levels, contrast and sharpness, saving this image to a JPEG file, and using these edited JPEG images to create the photo book. Since each page was hand-cut, there will areas of white where one page was torn or cut smaller than another page. Some pages will have blanks where old photos have been lost leaving behind only the corner things. It won't be perfect but it will be an image of the album as it exists today.
My questions are:
The pages are about 11 by 8.5. Does anyone know a photo service that prints photo albums in a portrait layout in this size? I have been unable to find one; it looks like most online photo books are wider rather than taller.
Let's assume I use a company such as Shutterfly that offers a 12x12 format. I assume it would be better to edit the images in PSE9 rather than any online software. What should I do to keep the proportions in the current images true but make the image fit a 12x12 page, for example?
IS there any other editing software anyone can recommend that will speed this up, hopefully a software that would take multiple photos at one time, auto-straighten and auto crop to a set size? And also auto contrast/level/sharp. If I could use such auto features on these images and then go back and adjust the photos that did not play well with the auto features, that would save me time.
I appreciate anyone's input. I dread doing this but we have one set of photos and 5 siblings so it has to be done. Thanks!

Hi,
Mentioning your issues one by one:
1) PSE does not have any portrait Photobook available, so your thought was the best way to get the work done is by choosing the 12x12 - shutterfly one.
2) PSe does a good job of editing the images. You can set your images of approx. 11x8 size to fit to the 12x12 page. Just choose a one photo page Layout for the page and then right click on the image to " Fit photo in the frame".
3) If more edits are required for the image, you can easily go to Advanced mode and edit your photos, layouts, move the frames, images or add effects to the images.
4) Photo book creation sure takes time. because, you want it to be the best. I am sure PSE would help you best here.
Go ahead and create you photobook. Inc ase you get stuck somewhere, you can always post here to get help!
Cheers,
Swarnima

Center images within a photo frame

Similar Messages

Maybe you are looking for