Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In with Facebook Sign In with Google Sign In with OpenID Sign In with Twitter
Support for Vanilla Forums Cloud product

In this Discussion

Follow Us


Fancybox Plugin for Vanilla - Feedback

edited October 2011 in Feedback
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 :-)
kkshisan
«13

Comments

  • Great to see this plugin. It was really needed.

    First feedback: it Fancyboxes forums header.
  • it Fancyboxes forums header.
    Can you specify this?
  • 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 :)
  • please may i know the actual use of this plugin?
  • 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.
  • 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

  • Love this - thank you!
  • 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.
  • 422422 Developer MVP
    You will most probably find it listens for the img class, so any images will be affected, the author can fix this quite easily.

    422 Real Estate Australia , now open Check it out

  • 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 :))
  • 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
  • edited November 2011
    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?

  • 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?

  • fh111fh111 Vanilla Padawan ✭✭

    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!

  • 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.

  • peregrineperegrine MVP
    edited May 2012

    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.

    Monetary Donations will be appreciated if you use my plugins. Thanks in Advance.
    As a waiter gets a tip for a good meal, tips for successful solutions appreciated as well. 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.

    Monetary Donations will be appreciated if you use my plugins. Thanks in Advance.
    As a waiter gets a tip for a good meal, tips for successful solutions appreciated as well. Peregrine

  • 422422 Developer MVP

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

    422 Real Estate Australia , now open Check it out

  • SevMCSevMC
    edited May 2012

    Excellent plugin :D, thanks.

  • SevMCSevMC
    edited May 2012

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

  • any idea could help :)

  • PamelaPamela ✭✭

    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

  • 422422 Developer MVP
    edited June 2012

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

    422 Real Estate Australia , now open Check it out

  • PamelaPamela ✭✭

    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

  • 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);
         })
      }
    

    });`

  • 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

  • edited November 2012

    @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"

  • 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 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"**>';
                      }
    
  • edited December 2012

    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

«13
Sign In or Register to comment.