Wish-list for FB 1.3+

[Janis]

Please, post your wishes for FancyBox 1.3+

So far I can tell new features are (already implemented in prototype):

- new layout, one image for shadows (so can be easily customized)
- custom firing, e.g.
$("#custom").click(function() {
var data = $("#inline").html();
$.fancybox( data, {
frameWidth : 200,
frameHeight : 200
});
});
- auto dimension detection for ajax, inline content

Janis

[Dustin]

I'm very happy to see this:

>>> - auto dimension detection for ajax, inline content

When is 1.3 slated to be released? Is the prototype available?

Thanks,

Dustin

[vdhant]

It would be good if it support percentage height and with...

i.e. $.fancybox( data, { frameWidth : '90%', frameHeight : '70%' });

[Janis]

@vdhant: ok, thanks. It also had been requested earlier so I`ll add
this feature.

@Dustin: I`ll release prototype for testing as soon as basic
functionality will be completed.

Janis

[Janis]

I`d like to hear your suggestions about title design and location as
currently title is limited to one line only and I can`t figure out how
to improve.
And I`m also thinking how to deal with large content - re-size to
(window height) - (title height) ? And what if "frameHeight" is set to
100% ? Then title will be below view-port.

Janis

[JFK]

any plans to make the fancybox draggable? ... it may solve some other
request about size/position

[Agrajag]

Working sample code for inline/iframe/ajax to be included on the
index.html sample file that comes with the download would be very
helpful.

[Janis]

I don't have plans to include draggable support. I guess it would be
very easy to set draggable using jQuery UI and callbacks.

Btw, you can view current progress of FB here - http://fancybox.net/dev/130/

[gabbetito]

Reference to clicked element in callback

I found myself on atleast 1 occasion needing to modify the code to
if ($.isFunction(opts.callbackOnStart)) {
opts.callbackOnStart(elem);
}
and
if ($.isFunction(opts.callbackOnClose)) {
opts.callbackOnClose(elem);
}
and while I dont mind doin this I'll probably find myself scratching
my head wondering what went wrong in the future when upgrading to the
next version.

Great plugin though! Keep up the excellent work.

[DylanDylan]

Would love to see the progress indicator icon available for all
fancybox types. I gather it currently doesn't work for iFrame but I
wish it did!

Many thanks, it's a great tool.

[ac]

Maybe it's already been mentioned, but it would be nice if all of the
images were sprited. There are currently ~15 image request for the
fancybox. With the right CSS this could probably be combined to about
3. Thanks for reading.

[Janis]

I have not found good solution for IE6.

[Darkwave]

Hi,everyone.

I used to FB 1.3 version.

Before version this runnig ;

<a class="fancyclose" href="javascript:;">close</a>

$("a.fancyclose").click(function() {
parent.top.$('#fancy_close').trigger('click');
});

But, new version not run.

I see the new version js, fancy_close renamed fancy-close. I try to ;

$("a.fancyclose").click(function() {
parent.top.$('#fancy-close').trigger('click');
});

its dont run.

Thanks.

[Darkwave]

Resolved. removing the second jQuery script call fixed the problem.

[ChrisLu]

I am trying to add an input box with a button, and display the search
results of an external sites like google.

Is it doable with FB? Some examples on the demo page would be great.

Thanks for the great product!

Chris

[Janis]

@ChrisLu : I just created quick example at http://fancybox.net/dev/130/

Janis

[paper_robots]

One thing I'd love to see is not just a title but maybe a way to put a
small blurb of text in there as well. I'm working on modifying it to
do this currently. I removed the black title background and made it
kind of like a polaroid. Picture on top and a white bottom where I'm
playing title and text. Then change the title and text on image
change.

Other then that the new changes look amazing. Already playing around
with them >:3

[Darkwave]

Hi,

I try to, group image show title don't work.
It's possible ?

[Janis]

I haven`t added titles yet.

[ChrisLu]

Hi, Janis , Guess you may already know:

centerOnScroll is not available yet.

Is it scheduled already?

Chris

On Nov 9, 2:08 am, Janis <janis.skarne...@gmail.com> wrote:

[Ryan Elliott Turner]

I'd like to see the functionality to force a content type.

Often, in the sites I make, I have a PHP file spit out the data. Thus,
since there is no "(jpg|gif|png|bmp|jpeg)" in the URL, it doesn't
match the regex, it gets interpreted as a page instead of the actual
image it is. Had to modify the code to force it to act as an image.

[Janis]

Thanks for comments.
You already can set custom type in beta.
About centerOnScroll - I have planned to implement this as last one.

Janis

[El Copetes]

Thank You Soooo much, this is exactly what i was looking for!
Thanks a lot!

[Marek]

Great work, excellent product.

And.... I know, this is a Beta, but it has functionality I need ;)

So, the issue I found is that 1.3 beta is currently causing that
dreaded "This page contains both secure and nonsecure items" dialog on
IE6 when used over https. Commenting out the png fixes on left/right
and close links as well as the listener attach code stop the dialog on
page load. It is still triggered when fancybox is shown.

Looking forward to the 1.3 release... it looks mighty good.


Cheers,

Marek Wawrzyczny

[Janis]

@Marek: Thanks for comment. This beta is almost ready for release,
just need to make some final touches.

Janis

[Tarlen]

It would be handy to be able to prevent the fancybox popup using the
callbackOnStart method.

We have currently modified the code to do this:

if( opts.callbackOnStart() === false ) {
return;
}

So if the callbackOnStart method returns false, the popup doesn't
happen. We needed this as the fancybox links were also sortable using
jQuery UI, and every time we finished dragging one of the images, it
would open the fancybox.

This may be solvable with the custom firing you mentioned in the
initial post. :-)

[Janis]

Thanks for comment, I just added this to beta.

Janis

[Markus]

Your fancybox 1.3 looks really promising but a new feature I'd really
like to see, is the possibility to move the fancybox (here you can see
a demo of that feature http://www.hotajax.org/demo/jquery/zoomimage/zoomimage/index.html)

[Janis]

ok, but why?

[lubomir1971]

I talk with my friends - they said, fancy should show image in center
of window from any frame. But now popup content showed only inside
frame from where was called. Please add feature to show any content in
center of top. window.

Thanks for exellent work!

[Eric]

It looks and works really well - thank you! I have two suggestions
though...

One, probably easier said than done, but the width of the title div
needs to be the width of the image. That will provide better padding
for the text. Now, in some browsers the text is right up against the
outer edge. Although, I did see this on your to-do list.

Two, once again, probably easier said than done, but in order to
really top the rest of the lightboxes, it would be a nice addition to
add (in the title area) the number of the image your are viewing (e.g.
image 1 of 12). If all the thumbs are visible then this is not really
needed. But, if your hiding all the other thumbnail images, then this
is sort of a must have feature. What do you think? Thanks!

[Janis]

Thanks for comment.

I`m currently working to adjust width of inner title to be the same as
content.

Fancybox will also have (I have already added to beta) new option -
"titleFormat" - you can pass your custom callback to format html that
will be put inside title area.
This callback will receive "title, currentArray, currentIndex,
currentOpts", so you can show what you want - image counter or even
custom arrows/navigation, whatever you can imagine .

Janis

[Eric]

Cool! Thank you Janis! I looked in the beta demo, but could not find
the new option -"titleFormat" listed. I would like to use that
feature. Any way you could do a quick explain on how to implement it?
I know my way around fancybox pretty well, just that new feature I
don't. I would like to add "image 1 of 12" to the title section is
all. Thanks for your time!

[boggy]

Thanks a lot for the nice script!

I would love to be able to point the link to a data source like XML or
HTML file to draw the necessary information by $.get or $.ajax. So the
question is: How could I arrange the objects in order to use the
itemArray option?

I tried to do it with v1.2.6 but I hope the new version will have
grater support for external objects and auto firing the gallery.

As to the title - providing custom structure will be flexible enough.
And if you provide special option for reacher title input (title and
subtitle) by custom objects, that would be very powerful tool!

Again about title. I was surprised to see that structurally the title
is separate from the fancybox. I think it is better to have it inside
structurally and to move it outside by negative margin like the
'close' button. And don't worry if someone gives height 100% to iframe
- that means he doesn't need title ;-) Or the calculation of the
distance between the title and the box could depend on the the
difference between the box height and the one of the screen, so in
this case in may fall on the fancy border.

Wish you a lot of success and time to develop this nice script.

Regards, Bogdan

[Rz]

Excellent and much appreciated,

Looking forward to the new features, especially the auto dimension
detection for inline content, that will be very handy.

Rz

[Eric]

Ok, if you don't want to explain (I completely understand!), then can
you please point me to where you show the "new option - "titleFormat""
in the beta demos??? I could probably handle it from there. Thanks!

[jen]

Thanks, Janis! I'm looking forward to it. The content in my fancybox
overlay current expands to outside the box… so I'm hoping to fix
that. I can't seem to figure it out for myself. :)

[Janis]

@jen: Could you show demo of content expanding outside the box? Are
you using latest beta?

@Eric : I added quick title format demo to the second image group

@boggy: Option to create custom gallery is improved at beta, see
example "Manual5"

btw, FB 1.3.0 could be published but I`m still waiting for sysadmin to
setup https. There are some issues with IE6 when using https, but I
cant fix them without testing.

[Oliver]

Don't know if this was mentioned earlier, but i wish a bug to be
fixed ;) I think, this is a bug in the current version. On firefox,
everything is working fine, but on my IE 8, the image is displayed
with 460x273, but it is 500x333. and when i'm using the overlay, it is
not overlayed on top of my page, but it's added below my complete
content :(

[Amjad]

Auto Dimensions for iframe and inline. I should have the flexibility
to either set fixed h and w and show scroll bars or have the fancybox
adjust its height and width automatically according to the content!

[Nizaury]

Labdien,
Liels paldies Jums par jūsu darbu.
Vai Jūs varētu, papildināt jūsu skriptu ar pilnizmēra palielinājumu?
Ar cieņu, Nizaury.

Hello,
Can you add Fullresize function to your script?
Thank you,
Nizaury

[Foto-Delight]

Hi,

I just stumbled upon this beta for a 2nd time.
And the thing I really do miss it the nice function, that opened
Pictures fade back to their postion in the page when closing.
Is this just a function, you did deactivate or did you delete this?
I really liked it and would look forward to see it again.

Another thing is the black title-window. Why did you remove it? It was
that nice. I dont really like this polaroid thing. It looks to old
fashioned.

But better you keep on going, cause everybody is waiting^^
Foto Delight

[Frederic Hemberger]

Can you also please fix this issue described here (I already posted a
solution):
http://groups.google.com/group/fancybox/browse_thread/thread/c4d6b94553d9d599

It occurs if no item in itemArray matches the href of the calling
element.

[mmoossen]

check my sprite.zip here:
http://groups.google.com/group/fancybox/files

but as janis said, it wont work for ie6

HTH

[mmoossen]

Hi, Janis!

thank you very much again for your efforts!

Here is the feature i am really missing in FB:

I would really like to see a 'live' method, or at least a 'destroy'
method.
the idea is to have a dynamic gallery where more elements are load
later with Ajax.

with a live method, on every action the 'group' should be computed
again.and everything would work automagically.

having a destroy method would allow me at least to destroy and
recreate the group after loading.

thank for reading
Michael

[mofle]

Can we get a public function to resize the fancybox while fancybox is
open?

So if I set a width and height, the open fancybox will transition
into
the new dimensions. If we had this function, we could bind it to the
browser window resize event and have the fancybox, with for example
inline content,
resize with the browser window.

[Marek]

Hi,

The message still pops out in IE6 (Fancybox 1.3.0 RC2 - 02.01.2010)
whenever pages with fancybox are
viewed using https. I've found a temporary hack. The problem is with
the background-image property of the left/right nav link CSS:

#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
z-index: 111;
display: none;
background-image: url("data:image/gif;base64,AAAA");
outline: none;

}

Adding the following "hack" eliminates the warning for IE6:

* html #fancybox-left, * html #fancybox-right { /* for IE6 */
background-image: none;

}

Hope that helps.

Cheers,

Marek

[BloodDragon]

First, thank you for all the work on Fancybox, great jquery plugin I
couldn't do without.

Currently I keep changing the Fancybox plugin when using it, but it
would be nice it this could be a built-in feature:

It would be nice to simply call fancybox like this: $
('.fancybox_link').fancybox(); Where all selected links are used as
the item_array. Now it always looks at the rel attribute. Maybe you
can make both cases possible, either use the rel attribute, or use the
items the fancybox function was called with. (I hope you understand
what I mean, otherwise I'll have to explain it differently).

[Janis]

I`m aware of this issue, the solution I found is to
1) remove line "background-image: url("data:image/gif;base64,AAAA");"
if you are not using galleries, because this line helps IE to show
navigation arrows on hover.
2) If galleries are needed - change background-image to blank image
(spacer.gif or smth) I didn`t include this blank file to reduce amount
of files :/

Janis

[Janis]

I understand. As I can remember, version 1.2.0 worked as you described
but due to many requests I had to change this.
I`ll think about adding option to specify group creating rules but I
can`t promise I`ll implement this soon.

[BloodDragon]

Well, it would be an easy implementation, just adding a configuration
entry, setting it default to the current rel method and adding about
three lines to make the group thing work. I've already got it working,
so let me know if you want the code of the implementation.

[Tjaad]

Yeah, image/css sprites would be awesome. It would also be nice if the
images are preloaded before the popup appears and the main image
begins loading/

Tjaad

[Tschef]

Is there a version where the global variables like "loading", "temp"
etc are already gone? I see them in the RC2 of fancybox 1.3.

And another question? Does the fixPNG version only work for the
fancybox images or generally. If generally why not move it out of the
plugin. I anyway hate people with IE6 :)

I would like to try it if possible.

Fancybox is amazing btw! Thanks for the good work. Keep it up!

[Najki]

Hi. I've used the previous version of Fancybox for some time now and I
really like it, but the most annoying thing about it was the need of
setting dimensions for Ajax calls, so for me - the greatest
improvement in 1.3 is the auto width and height.

I have started using version 1.3 a few days ago and there is a new
thing which I don't like. It's the inline calls. If I set a link to
point at a div (f.e. #test_div) and this div has display:none, then
Fancybox will open a small, empty rectangle. It will work only if the
target div doesn't have the display:none property. There are some
times when wrapping all target div's in a single div with display:none
is not a good way and is uncomfortable. Please, fix Fancybox 1.3 so it
ignores if the target div has display:none or not.

[BloodDragon]

I've had this problem too. I did not bother changing the code, the
easiest way to fix this is, is using css to hide the div if it is on
your website. Like:

#content .fancybox_div { display:none; }

Now when it is loaded in the fancybox, it will not be inside the
#content div and it will be visible. Once it returns to its original
position it is hidden again.

[Kerry]

I'm not sure if I'm missing something or if this functionality isn't
here --

I'm passing in an array of images:

$.fancybox( image_list, { overlayShow : true } );

But I can't find a way to choose which image (I believe this is
controlled by currentIndex) to start with. It would be great if either
an index number or an identifying property (like href for images)
could be used.

Any ideas?

[Kerry]

I made a slight modification, I added the option 'selectedIndex' with
default to 0, and instead of setting 'selectedIndex = 0', it is not
'selectedIndex = opts.selectedIndex'

If this could be included with future releases, that would be great

[Kerry]

Sorry for the triple post, but I believe I found a bug.

In "function _cleanup() {"

currentIndex = selecteIndex = 0;

Misspelling of selectedIndex

-----

Previous code I posted about the selectedIndex is only partially
working at the moment

[Rafferty]

Can you please add support for jquery 1.4. Pretty please.

[BloodDragon]

It already works under 1.4 for me

[Janis]

@Kerry: thanks for noticing misspelling.
I think it is easier (and more logical) to change image array sorting
on output rather than on js side.

Janis

[CybrHwk]

Hi,

First of all, loving the plugin. One very minor thing I would like to
see fixed. I have a URL like:

<a class="iframe" href="http://<domain>/viewimage.aspx?sid=479283cb-
b9a0-49aa-9a06-308f34946593&aid=4623&pid=40819">Test</a>

which I use fancybox to create an iframe to display the image. However
my page is running in XHTML Strict mode and the & don't get converted
by fancybox to &amp; within the URL causing an XML parser error. Other
than that its great :)

~CybrHwk

[kizk]

Fancybox 1.3rc2 definitely does NOT work properly for me with jquery
1.4

[JFK]

@kizk
show a live example of your issue

[Beldur]

Hi,

for me the problem with jquery 1.4 and fancybox 1.3rc2 was this call: $
(currentArray[ currentIndex ]).is('img')

After I commented it out (two situations in the javascript) it worked
for me.

[Janis]

Yes, I`m aware of this. 3

Sadly, Firefox 3.6 comes with new problem. I just couple days ago
created nice example of displaying PDF files using FancyBox and it
worked well on all browsers, but latest FireFox crashes on closing
FancyBox. And I have no idea how to fix this :/

Janis

[Markus]

It definitly does not work with jquery 1.4...

My code is something like this:
$(".class").live("click", function(){
$.fancybox({
content : $("#ele").html(),
});
});

With 1.3.2 it works but with 1.4 I get this error (a thousand times
until I reload the site):
elem.NodeName is undefined
jquery-1.4.js Zeile: 3097

Hope this will help you, cause I really need your plugin

[kizk]

Same problem for me.

I have this error generated in an infinite loop under firebug when
opening a fancybox popup with jQuery 1.4 (works fine with jQuery
1.3.2):

g.nodeName is undefined
[Break on this error] m.nextSibling)if(m.nodeType===1)m.node...];h=h
[4];return g==null?m==="!=":m===
jquery-1.4.min.js (ligne 83)

My javascript call is:
var fancybox_cfg = {
'centerOnScroll': false,
'hideOnContentClick': false,
'overlayShow': true,
'autoDimensions': true,
'padding': 12 };

$("#fancy-login").click(function() {
$.fancybox( { href: "<?= site_url('/popup/login') ?>" },
fancybox_cfg );
});

[Venimus]

try
this.fancybox({
instead of $.fancybox({

[Venimus]

i beleive i found a bug too

inner = $('<div id="fancybox-inner"></div').appendTo( outer );

should be </div>

[kizk]

After trying, I have this error when opening a popup:

this.fancybox is not a function
anonymous()beta (ligne 123)
anonymous()jquery-1.4.min.js (ligne 53)
anonymous()jquery-1.4.min.js (ligne 48)
[Break on this error] this.fancybox( { href: "<?= site_url('/popup/
login') ?>" }, fancybox_cfg );\nbeta (ligne 123)

[Tom]

Can we get the ability to print the contents of the fancybox
particularly for images?

[Janis]

I can not understand what "print the contents" means.

[Tom]

If the fancybox opens with a single image, I need the ability to print
that image.

[Daniel Nelson]

Fancybox can display html blocks. Write the html and jQuery that do
the job and open it with Fancybox.

[Tom]

I don't have control over the generated page so it's not that easy to
write out the required html code for printing.

On Jan 28, 9:27 am, Daniel Nelson <dnelso...@gmail.com> wrote:
> Fancybox can display html blocks. Write the html and jQuery that do
> the job and open it with Fancybox.
>

[kizk]

The error I reported here when opening a fancybox popup (with
fancybox1.3rc2) is still there after upgrading from jquery 1.4 to
jquery 1.4.1:

elem.nodeName is undefined
[Break on this error] return (match === "*" &&
elem.nodeT...lem.nodeName.toLowerCase() === match;
jquery-1.4.1.js (ligne 3162)

And that error is still generated hundreds of times per second in an
infinite loop way.

[asimo]

Maybe it's already been mentioned, but it is possible to set frame
dimensions for example as frameWidth 50% frameHeight 33% ? I haven't
found any documentation
Excuse my poor English.

[BrettM]

Has any issues been discussed regarding page transitioning?

<meta content="blendTrans(Duration=0.5)" http-equiv="Page-Enter" />

I am finding that the transition pauses half way for a period while
Fancybox 1.3 does it's thing during page load. For a time I see two
pages paused at the same time with 50% transparency... Not a great
look.

Is there a suggested workaround?

Example can be seen at http://www.dtp.net.au/ and then click on the
Ivoisys link on the left of the page.

Regards Brett

[Taylor M]

Personally I'd love an option for disabling the capture of left/right
arrow keydown events..

I use fancybox for forms, and currently it captures the left/right
keydown events, which makes it a pain for users to use the forms,
since they can't move left/right in a text input without clicking with
the mouse.

This issue has been discussed before on this group as well:

http://groups.google.com/group/fancybox/browse_thread/thread/13ea2a1c62588d7c

Overall though, thanks for a great plugin!

-Taylor

[Chris]

Hi Janis,
I just realized that in the first post of this thread you are probably
describing the functionality I just requested in the thread "A useful
extension (posting patch here) plus request of extension" (http://
groups.google.com/group/fancybox/browse_thread/thread/
ec2abc4692917bba)

Nevertheless there is no documentation/example online on how to use
FancyBox as $.fancybox( data, {...settings...})

Do it work how I asked?

Best,
Chris

On Mar 4, 8:37 pm, Taylor M <taylor.paul.marsh...@gmail.com> wrote:
> Personally I'd love an option for disabling the capture of left/right
> arrow keydown events..
>
> I use fancybox for forms, and currently it captures the left/right
> keydown events, which makes it a pain for users to use the forms,
> since they can't move left/right in a text input without clicking with
> the mouse.
>
> This issue has been discussed before on this group as well:
>

> http://groups.google.com/group/fancybox/browse_thread/thread/13ea2a1c...

[Howard]

it'll be nice if the new version can include round corners. like the
same photo gallery effect you get with Yahoo mail's photo viewer.

-howard

On Jan 28, 6:27 am, Daniel Nelson <dnelso...@gmail.com> wrote:
> Fancybox can display html blocks. Write the html and jQuery that do
> the job and open it with Fancybox.
>

[Philipp K]

Hi,

I'd love to have a customizable callback function for errors like
'onError'. I included it by myself, by modifying 'fancybox_error' as
you see below but it would be cool to have it included in future
releases.

fancybox_error = function() {
if ($.isFunction(selectedOpts.onError)) {
selectedOpts.onError();
} else {
$.fancybox('<p id="fancybox_error">The requested content
cannot be loaded.<br />Please try again later.</p>', {
'scrolling' : 'no',
'padding' : 20,
'transitionIn' : 'none',
'transitionOut' : 'none'
});
}
}

Regards Philipp

[TotalNet]

Just seen this:
http://fancybox.googlegroups.com/web/fb_roundedCorners.zip
It was uploaded about a year ago so don't know if it works with the
current version, however, either way it's just a case of css rather
than FB functionality.
Would be keen to hear how you get on.
Rich

[Michael Ferrante]

We second this exact request, we're using FancyBox for text editing
and have this exact problem.

There is a post "left / right arrow keys" with a patch that allows
setting configuration for the key binding:

http://groups.google.com/group/fancybox/browse_frm/thread/b3c617631c465424/17a54f3ddeedfe13?lnk=gst&q=left+right#17a54f3ddeedfe13

Could something like that become part of the main line code?

Thanks again for a great plugin,
Michael

On Mar 4, 9:37 pm, Taylor M <taylor.paul.marsh...@gmail.com> wrote:
> Personally I'd love an option for disabling the capture of left/right
> arrow keydown events..
>
> I use fancybox for forms, and currently it captures the left/right
> keydown events, which makes it a pain for users to use the forms,
> since they can't move left/right in a text input without clicking with
> the mouse.
>
> This issue has been discussed before on this group as well:
>

> http://groups.google.com/group/fancybox/browse_thread/thread/13ea2a1c...

[Tobias]

Best lightbox solution I could find. Works great out-of-the-box.

Suggestion for new version is better handling / performance or customisation for the animations.

I love how 'YoxView' animates out from the actual element-link.

I think I'll still use your viewer just on performance & aesthetics...

Thanks!

-T

[CynepMEH]

Hello,

I would like an iframe to be included in the lightbox code so flash videos and form controls aren't showing over the lightbox content. If you add an iframe below any content in the fancy box the flash videos and form controls will not overlap the fancy box content.

Thank you.

Leo

[Jamie Grinnell]

Some kind of code for submit buttons that work. For some reason my fancyboxes submit buttons don't work at all, even after the tweak I found they still don't work. I'm using fancybox in an ASP.net VB application. Help would be appreciated. Thanks