styling an iframe

Question

Hi,

I'm using the excellent Jalbum to create a photo album for a website. Each page of the generated photo album is a complete webpage, so the recommended way to embed the album within a website is to use an iframe.

A problem arises when I want to style the images contained within the embedded iframe. If I add a rule such as:

img { 
    -ms-interpolation-mode: bicubic; 
}

to my stylesheet, it does not select the images within the iframe. Is there a way to select elements contained within an embedded iframe?

Of course, I could manually edit the .css file created by Jalbum before I embed the iframe, but I would need to remember to do this every time I regenerate the album.

Cheers, Don

Answer 1

You could use javascript to insert a css include into the document of the iframe.

Answer 2

I believe it isn't possible due to security reasons. Have you considered a server-side or Ajax solution to get the photos into your page?