Fancybox Plugin for Vanilla - Feedback

oliverraduner

This discussion is related to the jQuery Fancybox addon.

Let me know what needs to be improved, what is not working properly or whatever else :-)

evolucja

Great to see this plugin. It was really needed.

First feedback: it Fancyboxes forums header.

oliverraduner

it Fancyboxes forums header.

Can you specify this?

evolucja

When I click on headers image it Fancyboxes it except of redirecting to the main page. The solution is to add
div.BannerWrapper img in the right place in $FancyboxJQuerySource :)

mash

please may i know the actual use of this plugin?

oliverraduner

please may i know the actual use of this plugin?

You can post thumbnails (or just pictures in reduced size) to your forum and it will allow people viewing them in higher resolution without leaving the website.

mash

please may i know the actual use of this plugin?

You can post thumbnails (or just pictures in reduced size) to your forum and it will allow people viewing them in higher resolution without leaving the website.

nice

alphasect228

Love this - thank you!

BDHarrington7

This is a really cool plugin! but I'm having the same problem as evolucja. It tries to fancybox the title banner, and profile pictures of members in the discussions. Evolucja, maybe you could point me in the right direction to fix these? I don't know what variable you're referring to, or where it is.

422

You will most probably find it listens for the img class, so any images will be affected, the author can fix this quite easily.

oliverraduner

I update the plugin with the proposed adjustment by @evolucja
Hope that fixes your issues @BDHarrington7 & @422
(myself I still was not able to reproduce the issue though :))

hatcher

Hi All, I am a bit of a noob here so please be gentle with me. I can hack PHP, JS etc but for the life of me cannot resolve this issue. Fancybox plugin all loaded and working i.e. small image in a post can be seen in discussion thread but when I click it it all works great with one exception.... when I click on the image in discussion the popup is small (possibly the same size as thumbnail). If i click image when logged in as Admin and click it just opens the image full size in a new page. Can anyone help me with sorting this out? I just want to be able to click the image and it popup in original size with a maximum size if possible.

Thanks

Douglas_Thor

Fancybox works great for images that are inserted using the BBcode, but it still sends images uploaded(using file uploader) to the next page on the browser.
Any fix for this?

jgillich

I have a Problem: It fancyboxes smaller Images without Problems, but if the Image is bigger and doesnt fit into the page, the core Image Resizer will take care of the Image. Clicking on it doesn't show fancybox.

Any Ideas?

fh111

is this add-on still being maintained? i am having the same issue as hatcher. apparently it works just fine on a mac, but on windows 7 it only shows an overlay of the thumbnail. does anyone have an idea why or knows how to fix this?

thanks!

drlivsi

hatcher said: Hi All, I am a bit of a noob here so please be gentle with me. I can hack PHP, JS etc but for the life of me cannot resolve this issue. Fancybox plugin all loaded and working i.e. small image in a post can be seen in discussion thread but when I click it it all works great with one exception.... when I click on the image in discussion the popup is small (possibly the same size as thumbnail). If i click image when logged in as Admin and click it just opens the image full size in a new page. Can anyone help me with sorting this out? I just want to be able to click the image and it popup in original size with a maximum size if possible.

Thanks

-I have the same problem.

peregrine

I never used this before today, but downloaded it and installed plugin

I inserted an image in the discussion body

added the class fancy box and a height statement to reduce the image and it worked by clicking whether I was logged in, admin, or a regular user in firefox and chrome. The floating image was larger.

Maybe if you provide a link to your discussion where the problem is, maybe somebody can see what's going on.

peregrine

Also, is it possible you have another jquery script that is used when you login as admin vs. when you are a regular member. Conflicts maybe.

422

My two penneth use the example addon and fire fancybox within that.

SevMC

Excellent plugin :D, thanks.

SevMC

Hmm... apparently the fancybox makes my users logout every time they acces to a page that have something fancyboxed :/

SevMC

any idea could help :)

Pamela

It doesn't seem to work... if this fancybox CSS class isn't inserted by us :( when starting a new discussion ?

and never (evenf if CSS class was added!) in reply... is not ?

NB: HTML InputFormatter by default

PS: Firefox on Windows with Vanilla 2.0.18.4

422

Im sure we fire fancybox on our air theme without any issues. But we do not use plugin.

Pamela

and never (evenf if CSS class was added!) in reply... is not ?

if fancybox CSS class is writted in comment then it seems to work... in fact

buzz_lightyear

Hi all, the problem is in this file: js/global.js To fix it, you need to comment out return toggler(img, smwidth); as shown below:

`jQuery('div.Message img').each(function(i,img) { var img = jQuery(img); var container = img.parents('div.Message'); if (img.width() > container.width()) { var smwidth = container.width();

     img.css('width', smwidth).css('cursor', 'pointer');
     img.after('<div class="ImageResized">' + gdn.definition('ImageResized', 'This image has been resized to fit in the page. Click to enlarge.') + '</div>');

     img.next().click(function() {
        //return toggler(img, smwidth);
     });
     img.click(function() {
        //return toggler(img, smwidth);
     })
  }

});`

k0nsl

On Vanilla 2.0.18.4 it just shows the loading icon indefinitely. I have my Vanilla installed in a sub-directory (/forums).

Any ideas? I've looked through it but couldn't find anything that's obviously wrong.

-k0nsl

oliverraduner

@k0nsl said: On Vanilla 2.0.18.4 it just shows the loading icon indefinitely. I have my Vanilla installed in a sub-directory (/forums).

Could you check your Webbrowsers Error-Console if there is anything logged regarding fancybox? Ususally, if the script fails, it will be logged into this error console.

--> On Safari it's under "Develop > Show Error" Console [needs Developer menu enabled in settings]

--> in Firefox you can find it in "Extras > Web-Developer > Web-Console"

kypexin

Can't makе this plugin work with images uploaded to posts with FileUpload plugin. They still open just as a plain jpeg without any lightbox. Even when I make a link to an external image with class=fancybox property, it has no effect. What am I doing wrong? Thanks!

kypexin

@kypexin said: Can't makе this plugin work with images uploaded to posts with FileUpload plugin. They still open just as a plain jpeg without any lightbox. Even when I make a link to an external image with class=fancybox property, it has no effect. What am I doing wrong? Thanks!

seems I fixed this. I edited FileUpload plugin file like this, adding fancybox class:

if ($CanDownload) {
                     $DownloadUrl = Url(MediaModel::Url($Media));
                     $Img = '<a href="'.$DownloadUrl.'" **class="fancybox"**>';
                  }

hellochoco

Thanks for the fix, it is working for me! However I have some questions, I'll be glad if someone can help me:

1) is there a way to resize images on upload or limit the size?

2) Fancybox is now displaying the image at full size when clicked, is there a way to keep the width and height into the current window size (as standard fancybox2 usually do)?

3) Is it possible to put a "next" button to navigate through the attached images in a discussion?

thanks