Safari height detection issue

355 views
Skip to first unread message

Jerónimo

unread,
Nov 4, 2010, 8:49:00 PM11/4/10
to fancybox
First of all, great job and thanks!

Apparently, there is an issue whith image box height in Safari 5.0.2.
for Windows images that are larger than the client area get strechted
(sorry, I can't attach the prn scr).

Works great on IE 7,8 - FF 3.x!

Win7x64

Thanks again,

Jero

Janis

unread,
Nov 5, 2010, 8:22:06 AM11/5/10
to fancybox
Hi,

Thanks for reporting, it will be fixed in the next release.

Janis

Basti

unread,
Nov 5, 2010, 7:36:16 PM11/5/10
to fancybox
Hi,

is there a workaround for this? 30% of my visitors use Safari...

Thanks a lot.

Basti

unread,
Nov 6, 2010, 6:14:20 AM11/6/10
to fancybox
Hi, it has to do with the autoDimensions Option. I switched it off for
images and it works now. Just tested it on OSX, i'll check it with
Windows soon.

m2ew

unread,
Nov 8, 2010, 5:38:35 PM11/8/10
to fancybox
Just in case anyone wants the code..
$(".myfancyboxclass").fancybox({
'autoDimensions' : false
});

RavanH

unread,
Nov 8, 2010, 6:01:52 PM11/8/10
to fancybox
> $(".myfancyboxclass").fancybox({
>                 'autoDimensions' : false
>
> });

Yep, that seems to do the trick...

Funny, it does not seem to affect behavior of FancyBox on images in
other browsers. What does that autoDimensions do anyway ?? On
http://fancybox.net/api I read "For inline and ajax views, resizes the
view to the element recieves. Make sure it has dimensions otherwise
this will give unexpected results" but I'm afraid I do not understand
that very much :(

sock2me

unread,
Nov 16, 2010, 12:42:01 PM11/16/10
to fancybox
How did you switch it off?

sock2me

unread,
Nov 16, 2010, 12:41:44 PM11/16/10
to fancybox
This is not working for me. What might I be doing wrong? Here is my
page:http://www.designproportland.net/sleeping.html
I would love some help here, this is the only issue keeping us from
going live.... thank you!

Janis

unread,
Nov 16, 2010, 4:19:20 PM11/16/10
to fancybox
Upgrade to latest FB

Jerónimo Vargas

unread,
Nov 19, 2010, 6:16:22 AM11/19/10
to fanc...@googlegroups.com
this workaround did it for me:

$(document).ready(function() {
$("a.fancy").fancybox({
'overlayShow': true,
'overlayOpacity': 0.7,
'overlayColor': '#000',
'autoDimensions': false,
'autoScale': true,
'width': '85%',
'height': '95%',
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'titlePosition': 'inside',
'titleFormat': function(title, currentArray,
currentIndex, currentOpts) {
return '<span id="fancybox-title-inside">Image ' +
(currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '
&nbsp; ' + title : '') + '</span>';
}

});
});

> --
> You received this message because you are subscribed to the Google Groups "fancybox" group.
> To post to this group, send email to fanc...@googlegroups.com.
> To unsubscribe from this group, send email to fancybox+u...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/fancybox?hl=en.
>
>

Reply all
Reply to author
Forward
0 new messages