Hello I know there are other threads for my question but I can't seem to find the answer to that.

I want to keep rotating Header Image on Home Page and different header images on other pages.

I tried using CSS

body.page-id-5 div#imagecontainer {
background-image: url(http://themistokleous.gr/wp-content/uploads/2013/04/surgery.jpg) !important;}

to assign different header for page-item-5 but the image is shown only for one second and then the rotating header appears.

What should I do?

put the url in quotes ie

body.page-id-5 div#imagecontainer {
background-image: url('http://themistokleous.gr/wp-content/uploads/2013/04/surgery.jpg') !important;}

Thanks for the fast reply. Done that but still same thing happens

Ahh it is the fade in/out - shut that option off and it will work.

The jscript that cases teh fade in/out overrides the CSS. You might be able to modify the jscript but that is beyond the forum for help doing it.

you might want to try a image rotator plugin and add a new widget area to teh header configuration - try 'meteor slides' or 'dynamic headers' or 'cimy header image rotator' to name a few.

Thanks again it works now. Can I ask you one more thing? Instead of just one image can there be different rotating headers in different pages?

Not with the built in option, but you may be able to use a plugin like 'dynamic headers' to do that.