ansaurus

Question

Answer 1

A:

It changes the id because of

$('body').attr('id', 'fancybox_body');

Jean 2010-07-21 07:55:24

What are you talking about? I don't understand.

Pekka 2010-07-21 07:58:39

His question is the id changes on the main page, the reason is because of the above code.

Jean 2010-07-21 08:14:02

Answer 2

A:

Why do you need to change the body's ID in the first place?

Better give the main body a class like, say, page. Apply the background image only to bodies of that class.

body.page
 {
  background-image: url(.....)
}

Pekka 2010-07-21 07:57:59

That is what I was trying to do. The hard part was adding an id (or class). I am working on a typo3 site and I managed this with typoscript. Thanks!

cili 2010-07-23 10:28:27

Answer 3

A:

You need to get at the <body> inside the <iframe> a slightly different way, like this:

$('#fancybox-frame').contents().find('body').attr('id', 'fancybox_body');

You need to first get the <iframe> fancybox uses with an #ID selector then do a .find() on it's .contents() to get elements inside.

Nick Craver 2010-07-21 10:04:31

Thanks, Nick! I tried and it works, but I already found a more "native" solution in typo3. Thanks again!

cili 2010-07-23 10:29:09

@cili - Welcome :) make sure to either accept an answer or post what you did as the answer (you can accept *that* 2 days after), it'll help the next person coming along with the same issue that googles and finds your question :)

Nick Craver 2010-07-23 10:48:22

ansaurus

tags:

views:

answers:

Change fancybox body id on load

related questions