Monday, March 28, 2011

styling an iframe

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

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

  • 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?

0 comments:

Post a Comment