Photo album: enlarged thumbnails' layer

This problem appears only in IE6 and 7, not Firefox or Safari. When I mouseover a thumb it enlarges, but instead of the enlarging OVER the adjoining thumbs, it enlarges UNDER its neighboring thumbs' layer. Here's the sample (slavishly copied from the demo, with new images inserted).
http://www.lumina-media.com/gallerytest/wjgallery.html
Any suggestion for fixing this IE anomaly?
I'm not attaching any files at this point because I suspect others have encountered this issue and the remedy may be well known, with no need to comb thru my files. Can provide if useful, though.
Thanks in advance.
Nick

Hello,
Your problem may be easily done by changing the CSS
properties of the divs that contains each photos. They are left
floated and included into a container div 'thumbnails' with a fix
width. You should divide this width to the number of columns you
desire and set this result as the width of the small floated div.
Cristian

Similar Messages

Captions under thumbnails in photo album

Hi,
I've been trying all sorts of things to get a simple caption
under each thumbnail in a photo album. The page is on:
http://www.georgeglazer.com/globes/table20/table20inv/table20inv.html
This is the code for the thumbnail that I have tried to make
work. The thumbnails all display and sort fine. But no captions
appear:
<div id="thumbnails" spry:region="dsInventory">
<div spry:repeat="dsInventory"
onclick="dsInventory.setCurrentRow('{ds_RowID}')" style="height:
130px; width: 100px;">
<img src="{tn}" alt="{title}" name="tn{ds_RowID}"
id="tn{ds_RowID}" style="left: 0px; right: 0px; height: 100%;
width: 100%;" />
<p class="caption" style="width: 100px;"><span
class="whitetext">{@maker}<br
/>${@price}</span></p>
</div>
<p class="ClearAll"></p>
</div>
Among the things I have tried that did not work are:
1. Adding id="{ds_RowID}" to the <p> tag.
2. Putting a spry:detailregion="dsInventory" div around the
caption text.
3. Using {maker} and {price} instead of {@maker} and
{@price}.
4. Changing the height in the spry:repeat tag to something
larger than 130px, but that just distorted the thumbnails (which
are exactly 130px each).
Any help is welcome!
Thanks,
Helen

Kin,
Actually, I had omitted the @ signs originally, and it didn't
work either way, but thanks for explaining that. I looked at the
CSS for the div containing the thumbnail, and there's nothing
limiting height (not specifically, anyway).
Here is the CSS for the div containing the thumbnail:
#thumbnails {
clear: both;
margin: 5px auto;
#thumbnails div {
position: relative;
float: left;
margin: 4px;
padding: 0;
display:inline;
#thumbnails img {
height: auto;
width: auto;
position: absolute; }
...and for the div that contains the thumbnail div:
#previews {
border-top: solid 1px #404040;
border-right: solid 1px #404040;
border-bottom: solid 1px #3a3a3a;
border-left: solid 1px #404040;
padding: 5px;
margin-bottom: 5px; margin-right: 5px;
float: left;
I do have the overall size of the preview pane specified
(style="width: 370px; height: 590px;") but that should be more than
enough room for 5 photos with 2-line captions. Is it the relative
or absolute positioning that may be the culprit?
--Helen
PS Let me assure V1Fusion that I did read everything
previously posted in this forum about photo album captions prior to
posting my question -- they all addressed the main image but not
the thumbnail, nevertheless, I tried various things suggested in
those posts before giving up figuring it out myself...

IPad not displaying more than 44 thumbnails in Facebook photo albums

Hi All
Whenever I try and view a photo album in Facebook on the iPad it only shows me the 1st 44 thumbnails then after that I just get grey boxes. I can view the photo's if I click on the grey boxes but it is very annoying. It does this whether I use Safari, Graze or any of the 3rd party Facebook apps.
I have just updated to 3.22 and the problem is the same. Any advice welcome.
Thanks
David

Other people have experienced similar occurrences. Deleting Safari's cache and history (in settings) may help but the real problems seems to be because of the iPad's limited (256MB) of memory)

Change Photo Album Thumbnail

Hello Everyone,
I am sorry if someone asked this question before but I couldn't find it even after spending too much time. Anyways, I am a new iPhone user and have created some picture folders using iTunes.
What I understood after reading some articles that the thumbnail used the last picture uploaded into the folder. I amy be wrong but is there any way I can assign picture from within the folder instead of system assigns it's own.
Thanks.

I have a Mac and use Apple's iPhoto application for storing and managing my photos with selected iPhoto albums transferred to my iPhone.
The first photo available in the iPhoto's album transferred to my iPhone is the photo icon or thumbnail for the album on my iPhone.
Since you are selecting a folder or folders that contain photos to be transferred to your iPhone, is it the first or last photo available in the folder which is assigned as the photo icon or thumbnail for the album on the iPhone?
Regardless, this cannot be changed on or from the iPhone. If it is the last photo file available in the folder that contains the photos, you need to place the photo file that you want as the photo icon or thumbnail for the album as the last photo in the folder on your computer, etc.

One thumbnail missing from a photo album on iPad 2

Hi,
I have an iPad2 (iOS5) and have a few photo albums on it. In one album, while the actual photo is there and visible, the thumbnail is missing. In its place is a gray box with a ? in it. Tap on that and the full image appears. Film strip also has the box with the ?. I'd like to get the thumbnail back. I've tried rebooting but that did nothing. Ideas? thanks!

You can only copy photos into albums that you've created directly on the iPad. If the albums were synced from your computer then the only way to add photos to them is to copy them into the folders on your computer and re-sync them - you can't add photos to synced albums directly on the iPad

Photo albums: How to show thumbnails or no thumbnails?

Photo Albums: Some of my albums show the thumbnails (on top of the individual photos) by default, others do not. How do I set the defaults? I want no thumbnails btw...

in your photos page, in photo grid view:
1) double click on a thumbnail to get to detail view.
2) you see this
in detail view, click on the thumbnail strip indicator to collapse the strip.
that's it.

Is there a photo album app that let's you add a photo to an album from the full-screen view of a photo, not the just thumbnail view?

Is there a photo album app that let's you add a photo to an album from the full-screen view of a photo, not the just the thumbnail view?

...It's just really annoying to try to organize photos into an album when you can't see the full screen version of the photo... especially if you have several similar-looking photos, and you can't tell the one you want from looking at 40 thumbnails on an iPhone screen.

How do I enlarge a small photo I have scanned to my computer photo album ("My Pictures") to facebook; the steps that worked for Internet Explorer won't work for Mozilla?

I scanned a small photo(2 x 3) with my Dell printer and stored it in my computer photo album "My Pictures." Now I would like to upload an enlargement of the picture to my Facebook photo album. The steps I used with Internet Explorer for enlarging an uploaded photo for Facebook will not work with Mozilla. My Adobe Flashplayer that I used with Internet Explorer would not work with Mozilla, so I downloaded a plug-in Adobe Flashplayer (10.) What else do I need to do? Please give me specific instructions as I am 69 years old and not as computer literate as young people! LOL Thank you. Evelyn Drown E-mail: [email protected]

Some website that can resize images:
* http://www.resizr.com/
* http://www.shrinkpictures.com/
* http://www.picresize.com/

Frames and photo album

I would like to make a photo album with the big picture opening on the same page as the thumbnails. I can do this with frames, but I get the impression that frames are better avoided. Is this true? Is there another way to do this?

You have quite a few choices really depending on the look you are after:
Using the Set Text behaviour, which is pretty easy to use: - I have am example here:
http://dreamweaverresources.com/tutorials/set-text-of-layer/
Using a Dreamweaver extension to create a lightbox effect - example here (and where the extension is available)
http://dreamweaverresources.com/tutorials/dreamweaver-lightbox/
Image gallery
http://www.simpleviewer.net/simpleviewer/
Lytebox
http://www.dolem.com/lytebox/
PrettyPhoto:
http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/
Nadia
Adobe Community Expert : Dreamweaver
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
Web Design & Development
http://www.perrelink.com.au
http://twitter.com/nadiap

Photo album without detail view

I was wondering if there were other options for viewing a photo album than the detailed view?
I would rather have you click on an image in the album and go to a enlarged view without having the small thumbnails above it. Is this possible?
Are there other options for viewing an album?

The following has instructions: Delete photos and video synced from iTunes when you can’t access the originals - Apple Support

How to improve performance of photo albums and navigation?

I just uploaded the latest version of my new website (www.raydunakin.com) last night. I've made a lot of changes in an effort to make it load faster and work more smoothly. There is some improvement but on my Mac, with dialup, there are still some issues.
One big issue is photo albums. I don't understand why they load so slowly, when it's only loading thumbnail images. The thumbnails are too small to account for the excessive load time. Often there are several that don't load up all until sometime after I click the browser's Stop button.
Which is another issue: Why does it keep loading stuff after I've clicked Stop?
I've stripped my albums down to just 15 images per album, so the number of images shouldn't be a problem.
BTW, I gave up on using the "My Albums" template, which was impossibly slow. Instead I just have a page with a list of links to each album.
I'm wondering if having everything all in one site might be causing some of the speed problems. Would I be better off moving my photo album pages to a separate site and just link to them from the main site?
One more question: Many of my hypertext links are not displaying correctly. They are supposed to all be underlined and in a different color from the plain text. Some of them do show up this way, but some look like plain text until you move the cursor over them. (And yes, I have used the Inspector to set the format for all the links.)
Also, if anyone would like to browse my site and suggest other ways to improve or streamline it, I would appreciate it.
Thanks in advance for any help or comments you can provide.
I'm running OS X 10.4.10, Safari 2.0.4, and iWeb 2.0.3

Ray Dunakin wrote:
Hi Ray,
One big issue is photo albums. I don't understand why they load so slowly, when it's only loading thumbnail images. The thumbnails are too small to account for the excessive load time.
To me it's not taking all that much time... It's quite normal if you're publishing to .Mac... The .Mac server is quite slow, that's a known issue... Partially it may also be due to the template used but I don't think so... There aren't a lot of graphics on that one...
Often there are several that don't load up all until sometime after I click the browser's Stop button.
Which is another issue: Why does it keep loading stuff after I've clicked Stop?
I didn't came across any that didn't load and when I hit stop it stops.
I'm wondering if having everything all in one site might be causing some of the speed problems. Would I be better off moving my photo album pages to a separate site and just link to them from the main site?
No that's not the issue. The site size doesn't matter as when you look at a page the browser only retrieves the information about that very page and doesn't even see all the other pages as it follows the links to retrieve the parts of that very page and that's it. What matters is the page size but it isn't heavy at all in your case...
One more question: Many of my hypertext links are not displaying correctly. They are supposed to all be underlined and in a different color from the plain text. Some of them do show up this way, but some look like plain text until you move the cursor over them. (And yes, I have used the Inspector to set the format for all the links.)
You may try a "Publish all" from the File menu for that... Or empty the cache of your browser...
Also, if anyone would like to browse my site and suggest other ways to improve or streamline it, I would appreciate it.
I like it it's very clean and easy to navigate.
One other problem with the photo albums that I forgot to mention... When clicking on a thumbnail to view the larger image, while the image loads it looks like nothing is happening. There's no evidence that the image is loading or anything. So by the time the larger image appears, I've already attempted to move on. Is there anything that can be done about this?
It takes a second to load but in the end it does load... To me it's the server's slowness even if not publishing to .mac...
Regards,
Cédric

1.) How do I organized my photo album on my ipad? 2.) How do I remove an album on my ipad? 3.) i have taken over 1,000 photos on ipad, now it won't sync stuff to the ipad because it said there is not enough space. I want to delete some past synced p

1.) How do I organized my photo album on my ipad?
2.) How do I remove an album on my ipad?
3.) i have taken over 1,000 photos on ipad, now it won't sync stuff to the ipad because it said there is not enough space. I want to delete some past synced photos from the computer to create space, but I don't know how to find it on computer. It sycned a portion of a file onto the ipad which is useless to me so I want to delete it all & start fresh.
4.) I was thinking about copying some of those photos over so it would show up as new data maybe then it would sync to my ipad as a new & competed album. Or will this create more problem because it would only be creating more photos?
5.) By the way, I don't know how to use dropbox or anything like it, so I take photos of some files & web screen that I use regularly to always have access regardless of internet access. That is why I have so many photos. But I want to be able to separate & organized them by files, web screens, or topics. I also want to be able to delete & update as needed.
6.) If needed I am willing to delete 4 G of downloaded app to create space. Will this help the space issue? Also could I just leave the downloaded app to my computer only & only sync to to ipad as needed, since I don't need app as regularly. I NEED "photo" ALL of the TIME! I am out in the field, instead of carrying stack & stack of papers, I carry ipad with photo of these daily needed papers!

1, you can't at the moment, though with iOS 5 in the Autumn, from http://www.apple.com/ios/ios5/features.html#photos :
Even organize your photos in albums — right on your device
2, by removing it from you synced from and re-syncing. Only photos taken with the iPad, copied to it via the camera connection kit, or saved from emails/websites etc can be deleted directly on the iPad (either via the trashcan icon in the top right corner if viewing the photo in full screen, or via the icon of the box with the arrow coming out of it in thumbnail view)
3, the location of the photos that you synced to the iPad should be listed on the iPad's Photos tab when connected to your computer's iTunes.
4, you can copy the photos from your iPad to your computer : http://support.apple.com/kb/HT4083 . You should also be able to delete them from the iPad as part of the transfer process to your computer, and it's then your choice whether to add them to your sync photo list so as to copy them back to the iPad. Copying them to your computer would allow you to organise them into folders and therefore be able to sync them back into separate albums.
5, I don't use Dropbox either. There are some third-party browser apps in the iTunes App Store that allow you to download pages so that you can view them when offline e.g. Atomic Web (the whole page is saved within Atomic Web, it doesn't place a photo into the Photos app)
6, deleting content should help. If you remove an app from your iPad then you also remove the content that it's got on the iPad - so if you then decide to reinstall it back onto the iPad then you will need to manually add back any content that you want in it. None of the Apple built-in apps (including Photos) can be removed from the iPad

Photo album questions

Hi, I have put several hours into trying to solve these
problems myself, but I am stuck. The page in question is:
http://www.georgeglazer.com/maps/newyorkmaps/hydeli/hydeliinv.html
1. Detailregion area does not display when page opens. It's
just a skinny gray box on the right. Once you click a thumbnail,
however, it displays fine, and will display all the images as you
click on them. Thinking maybe the non-working slide show buttons
were the problem, I tried replacing the <div id="controls">
area with the identical one from another page I have that works
just fine:
Why does THIS work:
http://www.georgeglazer.com/prints/aanda/fashion/kuhninv/kuhninv.html
BUT NOT THIS:
http://www.georgeglazer.com/maps/newyorkmaps/hydeli/hydeliinvquicktest.html
I've made several pages like hydeliinvquicktest.html that all
function properly, so I'm baffled.
2. How do I get a simple slide show going?
The Spry Photo Album Demo shows how powerful Spry can be, but
I don't need all that complexity, and I'm having trouble narrowing
it down to what I need -- no multiple databases, no growing and
shrinking thumbnails. All I want is to be able to put a bunch of
images and one XML dataset in a folder and have the ability to have
people click on "Previous," "Next," or "Play/Pause" in addition to
being able to click on a specific image.
One of the problems with the demo for me is the dataset names
used in the demo get confusing -- I'm having trouble following the
distinction between and relationship between when you use
dsGallery, dsGalleries, dsPhotos, and photo, not to mention, why it
is ultimately unnecessary to make any reference to "china" and and
the other folder names. And since I know next to nothing about
Javascript, I can't figure out what substitutions to make to the
gallery.js code, which is designed to work with these multiple
databases, and also can't figure out which pieces I need and
whether the pieces I don't need would get in the way if I left them
in the js doc or if everything extraneous has to be eliminated.
3. One of the problems with implementing more Spry pages is
the tedious work involved to make a little thumbnail for every
single image in a set, and then make sure they're all exactly the
same size, which is what I've done so far. I have figured out what
to do when the main image size varies, and Spry handles that well.
But here are my problems:
a. What if the thumbnails vary in size? For instance, this
hydeliinv.html page has four maps that are part of a set, but are
all different proportions, and four details I'd like to show that
represent what they look like close up, all of which are in
different proportions as well.
b. And can I have Spry call on the same image file and
display that full size for the main image, and reduced for the
thumbnail?
You'll see right now in
http://www.georgeglazer.com/maps/newyorkmaps/hydeli/hydeliinv.html
I've set the height and width in the spry: repeat tag for the
thumbnails to 100px. I tried just setting the height to that, and
width to auto; I tried just setting the height to that, and
omitting the width. In both cases, no thumbnails display at all. I
see in the Spry Photo Album Demo the use of "path" designations in
photos.xml. Could I do something with an XML doc that looks like
this to address both (a) and (b)?:
<hydeli>
<inv_item id="1">
<title>First Map</title>
<dimensions1>36.5 x 34 inches</dimensions1>
<dimensions2>37.5 x 36.25 inches</dimensions2>
<photo
path="hydeli1.jpg" width="390" height="400"
thumbpath="hydeli1.jpg" thumbwidth="98"
thumbheight="100">
</photo>
</inv_item>
<inv_item id="2">
<title>Second Map</title>
<dimensions1>36.5 x 34 inches</dimensions1>
<dimensions2>37.5 x 36.25 inches</dimensions2>
<photo
path="hydeli2.jpg" width="379" height="400"
thumbpath="hydeli2.jpg" thumbwidth="95"
thumbheight="100">
</photo>
</inv_item>
</hydeli>
I tried to figure this out, too, but to no avail.
Thanks for any help you can give me!
--Helen

I understand the challenge and worked out some answers that
support our photo gallery for the ski club. I wanted something
simple that would support a gallery of up to 100 pictures reliably.
Also, I wanted it to extract information from the image metadata
such as names or descriptions.
The image processing is done using photoshop macros which
create the appropriate sized image and thumbnail.
After trial and error I realized current CSS technology is
NOT capable of vast quantities of demands from more than 20
thumbnails. That's when I settled on hard formatting the thumbnails
png files with a nice black border. The thumbnails load up quite
nicely with NO style formatting. I used PNG files for the
transparency support.
The XML data is created using a program I wrote to parse the
metadata from the image files. Now that all the photoshop macros
and the XML parser is written, I can load up a large gallery in
less than thirty minutes. (Not including photo editing.)
Hope this helps.
You can see examples at
http://www.dallasskiclub.org/gallery/slide-shows/2007/05/070207-AlpeDHuez/index.html

I have lost my photo albums on my iPad Although the photos are still there. How do I get the albums back?, I have lost my photo albums on my iPad Although the photos are still there. How do I get the albums back?

I have lost my photo albums on my iPad Although the photos are still there. How do I get the albums back?, I have lost my photo albums on my iPad Although the photos are still there. How do I get the albums back?

It's version iPhoto '11. I sent the photos to the trash from in the resident iPhoto application, but not to the iPhoto trash, but the OS's trash in the bottom right task bar (Finder Trash).
Realizing what I had done, I dragged the picture folder back into the "Pictures" folder under my name in the Finder. I also dragged the iPhoto Library file back, but it said a new one had been created... I still attempted to replace the new with old iPhoto Library file.
The pictures are back and i can see the album names under events. The problem is that the album covers, nor the pictures themselves show up as thumbnails like they did before... they only show when you individually click on the photo to bring it into full view. I only see a grey background where the thumbnail was.
Any assistance you can provide would be greatly appreciated!
Thanks,
Evan

How to transfer photo gallery with thumbnails from Fireworks?

Hi
I am trying to create a website. I am using Dreamweaver CS3
and for my main homepage I used one of their templates.
From my main page I give a link to photo gallery. I intend to
build a gallery in Fireworks as I will need a thumbnails for my
photos.
My question is how can I transfer the created gallery to
Dreamweaver CS3? I need the same template I used for my homepage
for my gallery?
Please help!
Thanks

jcdesigns wrote:
> I am assuming you are building a photo gallery like you
can in photoshop. In
> Fireworks, are you going to something like:
File>Automate>Web Photo Gallery,
> and pointing to the folder where the images are located,
and Fireworks builds
> the pages, thumbnails and larger images by itself? If
this is the case, then
> you just need to make a link on your home page to the
gallery page.
>
> If you are building this all by hand, meaning you are
making and resizing all
> of the thumbnails and images yourself, you will need to
create a second page
> and place all the thumbnails on that, and link them to
the larger image files
> or pages with those images.
>
> www.projectseven.com has a REALLY good photo gallery for
Dreamweaver and
> Fireworks for a good price. That is the way to go.
Especially if you plan on
> making more photogalleries.
>
Resize your photos as needed to cut down their size use jpg
or png format.
save then in an outside folder.
next inside the directory you use for your web files create a
directory
with either the sme name as the outside folder or name
desired open that
directory.
Open up Dreamweaver and create a Blank HTML page.
Now go to Commands menu and and choose create web Photo
album...
next a menu will pop up and ask directory where images are
located. Then
will ask the destination directory browse to the new
directory you
created. You will also settings for Thumbnail size and
whether to use
captions if you do use captions it will use the file name of
of each
image and you will have to go in and edit the caption names
for the
photos as desired when everything is setup fireworks will
takeover and
create the album. it will create three subdirectories one
with the full
size photos , one with the thumbs, and one with the html
information for
each photo. Plus three other files in main directory one
being an html
file. once completed and Fireworks returns editing back to
Dreamweaver
close and don't save the blank html file. the index file
needed will be
created by Fireworks.
open the index file inside you album directory and edit
cations as needed.
Remember if you do this you'll need a total of 3 times files
of the
photos you use for example.
if you have 30 photos it will be a total of four directories
and 93 files.
for 20 it would be 63 files, for 10 33 files and so on.
If you need to add photos or take away photos the method is
to start
over from scratch and use you FTP program to do a recursive
delete on
the directory then re-upload.
Phillip M. Jones, CET |LIFE MEMBER: VPEA ETA-I, NESDA, ISCET,
Sterling
616 Liberty Street |Who's Who. PHONE:276-632-5045,
FAX:276-632-0868
Martinsville Va 24112 |[email protected], ICQ11269732, AIM
pjonescet
If it's "fixed", don't "break it"!
mailto:[email protected]
<
http://www.kimbanet.com/~pjones/default.htm>
<
http://www.kimbanet.com/~pjones/90th_Birthday/index.htm>
<
http://www.kimbanet.com/~pjones/Fulcher/default.html>
<
http://www.kimbanet.com/~pjones/Harris/default.htm>
<
http://www.kimbanet.com/~pjones/Jones/default.htm>
<
http://www.vpea.org>

Photo album: enlarged thumbnails' layer

Similar Messages

Maybe you are looking for