Fading bewteen pictures without white background

[pbickel]

Hello,

does anyone know how to solve this problem?

When fading from one picture to the next the picture fades aout to
white and the next picture fades in fom white to the picture. This
"flash" is quite irritating for the user. I found out how to change
the background color from white to another color, but that's still not
perfect.
Is it possible to fade from one picture to the next without
background?

Thanks,
Peter.

[Janis]

No, that`s not possible

[pbickel]

Thanks.

Best,
Peter.

[JFK]

well, it's possible ... it's not a feature of fancybox but there is a
workaround.
you need to override the css properties of the fancybox this way:

just AFTER you load the fancybox style sheet (and any other style
sheet)
<link rel="stylesheet" type="text/css" href="jquery.fancybox.css"
media="screen">

add the following code:
<style type="text/css">
div#fancy_inner {background-color: transparent; border: 0;}
div#fancy_outer {background-color: transparent;}
div.fancy_bg_n,
div.fancy_bg_ne,
div.fancy_bg_e,
div.fancy_bg_se,
div.fancy_bg_s,
div.fancy_bg_sw,
div.fancy_bg_w,
div.fancy_bg_nw {background-image: url();}
</style>

eventually you may want to set 'overlayShow' to false in your script
so your images will fade in and out from your web page without any
background. Personally I don't like it (I prefer fancybox as it is)
but it works.

You may also want to try changing the 'overlayOpacity' until you get
your preferred effect.
have fun!

[JFK]

by the way, if you decide to go without background then I would
recommend you to set 'padding' to 0 so your close button will position
gracefully over the image.

[JFK]

just want to add that the workaround doesn't work in IE 6 & IE7 (as
usual) but it does pretty good in firefox, opera, safari and chrome

[pbickel]

Thank you very much!
You helped me a lot!

Peter.

[Canelson]

Just to know: Could a dissolve effect between the actual image and the
next one be done?

Matias.

[JFK]

UPDATE:
fade without background simpler including IE
(requires some tweaks)
see thread:
http://groups.google.com/group/fancybox/browse_thread/thread/d6f51b34b17145ef

> > > so your images willfadein and out from your web page without any

> > > background. Personally I don't like it (I prefer fancybox as it is)
> > > but it works.
>
> > > You may also want to try changing the 'overlayOpacity' until you get
> > > your preferred effect.
> > > have fun!
>
> > > On Apr 28, 1:43 am, pbickel <m...@peterbickel.de> wrote:
>
> > > > Hello,
>
> > > > does anyone know how to solve this problem?
>
> > > > When fading from one picture to the next the picture fades aout to
> > > > white and the next picture fades in fom white to the picture. This
> > > > "flash" is quite irritating for the user. I found out how to change
> > > > the background color from white to another color, but that's still not
> > > > perfect.

> > > > Is it possible tofadefrom one picture to the next without
> > > > background?
>
> > > > Thanks,
> > > > Peter.