Extension talk:FancyBoxThumbs


ToDo

Hi all, Thanks for the interest and feedback. I do have plans to address all of these issues as well as implement gallery support. I created this plugin out of necessity at work and thought I'd share what I'd done knowing that it wasn't perfect and that I could continue to improve upon it. I have been slammed at work and with other things going on in my life right now, so I haven't been able to dedicate as much time as I had hoped. But I haven't forgotten about it, and I promise I'll work more on it.

The joy of open source is that you don't have to wait for me to do it. Please feel free to build upon this code and add it to the project.

Thanks P858snake (talk) 01:57, 14 May 2011 (UTC)

FancyBox stopped working after short urls enabled

Hi,

I had fancybox working perfectly, then I set up short urls and the image box stopped working :

I get the following error reported in Explorer :

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Tablet PC 2.0; .NET CLR 1.1.4322; Media Center PC 6.0; InfoPath.3; AskTbUT2V5/5.9.1.14019)
Timestamp: Mon, 7 Mar 2011 00:28:13 UTC


Message: Object doesn't support this property or method
Line: 25
Char: 185
Code: 0
URI:</pre>


The enlarged images appears below the main page.

Regards P858snake (talk) 01:57, 14 May 2011 (UTC)


Clashes with MW 1.16 jquery



Hi.



Great extension, but the problem is that when I enable it all my other jquery extensions die and the MW jquery based Usability Initiative functions stop working (e.g. WikiEditor). I suspect this is because this extension is not using jquery in noConflict mode? Is this possible? 

Thanks P858snake (talk) 01:58, 14 May 2011 (UTC)


Thanks for the suggestion, Mitchelln. I've updated version 0.4 with noConflict mode. Hopefully I've implemented it correctly. Gilluminate 21:19, 12 May 2011 (UTC) 01:59, 14 May 2011 (UTC)

Thanks for that! I'll test it out and let you know how I get on :) Mitchelln 10:45, 13 May 2011 (UTC) 01:59, 14 May 2011 (UTC)


I'm afraid it still doesn't work :( As soon as I enable FancyBox all other MW jquery stuff dies :(

Mitchelln 10:55, 13 May 2011 (UTC) 01:59, 14 May 2011 (UTC)


It might be the JQuery version I'm loading. I'll install the MW extension and test it out. Thanks!

Gilluminate 15:17, 13 May 2011 (UTC) 02:00, 14 May 2011 (UTC)


Can you tell me what version of MW you are using? What version of JQuery is loading by default? Gilluminate 19:41, 17 May 2011 (UTC)

JFTR


I'm using this extension (version 1.0.1) with MW 1.17.0 and some other extensions which rely heavily on jQuery (namely Header Tabs, version 0.9/106054; UsabilityInitiative, version 0.1.1; and Categorize, version 0.1.2) and all seems to be ok. Great extension!


EDIT:


The extension doesn't work on the MW 1.16.0 clon (predecessor) of the above mentioned wiki. The JavaScript code gets loaded but not executed. Nakohdo (talk) 09:48, 30 March 2012 (UTC)



I'm not able to make FancyBox running in my Mediawiki, I got the error "Property or method not supported by the object jquery.fancybox-1.3.4.pack.js"



Hi,
I saw the demo of your extension and I found it amazing, sò following step by step the instructions I dowloaded and installed FancyBoxThumbs on my wiki (1.16.1), but I wont run. With galleries or single thumbnails when I click on an image, it is opened at the bottom of the gallery page, and the browser (I use IE8) report me the following error:



User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Sun, 6 Feb 2011 00:12:25 UTC

Property or method not supported by the object
jquery.fancybox-1.3.4.pack.js?270
Line: 25
Char: 185
Code: 0
URI: http://192.168.1.230/mediawiki/extensions/FancyBoxThumbs/fancybox/jquery.fancybox-1.3.4.pack.js?270</pre>

Is there any chance to solve the problem ?
Thanks ! P858snake (talk) 02:01, 14 May 2011 (UTC)

Sounds like a jQuery conflict. Maybe it conflicts with your theme. Could you try it with the MediaWiki Vector Skin and give a feedback?. Thanks Filburt 07:32, 14 February 2011 (UTC) 02:02, 14 May 2011 (UTC)

I normally use the vector skin and also, to avoid conflict with other extensions, I disabled all of them, but nothing changed. So, I tried to delete the FancyBox extension (I made a lot of tries so I could misconfigured something) and reinstalled it as new. Now got the error "img_split1[1] is undefined" to the following line:


<script type="text/javascript">$(document).ready(function() {$("a.image").each(function(){var img_split1 = $(this).children
().first().attr("src").split("/thumb");var img_type = img_split1[1].substr(img_split1[1].length -4);var img_split2 = img_split1
[1].split(img_type);var img_src = img_split1[0]+img_split2[0]+"."+img_type;var img_src = img_src.replace("..", ".");$(this).attr
("href", img_src);});$("a.image").fancybox();});</script>



Also just to be shure I'm using the right version, I downloaded it from the http://www.gilluminate.com/extensions/ site. Again, thanks a lot in advance for the support.


I made another test installation with a blank MW 1.16.2 and the blank extension and for me it works. I know that the split function is handled in different ways by different browsers - but I tested it with IE7+, Opera, Firefox and Chrome. FrancoR 09:49, 14 February 2011 (UTC) 02:02, 14 May 2011 (UTC)

Anywhere there seems to be a jQuery conflict in your installation. Filburt 16:29, 15 February 2011 (UTC) 02:04, 14 May 2011 (UTC)

Today I tried to put in the FancyBoxThumb.php the following line:


.'alert(img_split1 = $(this).children().first().attr("src"));'



just between .' and var_img... of


.'var img_type = img_split1[1].substr(img_split1[1].length - 4);'



This just to see if attr("src") had something wrong in it, due the fact the error I usually got was in splitting this attribute. After restarted httpd, the code messaged box me the attribute (the correct path of the image), but I don't know how, the FancyBox start running correctly. So I removed the debug code from the FancyBoxThumbs.php and restarted httpd again and with my great happyness everything was ok. I tried with IE8 and Firefox and was OK with both. I really think I didn't nothing special and everything start running by itself (??). Now also my wiki have that great extension. Really thanka a lot for all the support you gave me. FrancoR 21:31, 15 February 2011 (UTC) 02:06, 14 May 2011 (UTC)



Fork merge



I've created a fork, adding some functionality (or, for the sake of being precise, customization) and would like it to merge to the main source for everyone to use freely. It corrects some bugs and, IMHO, works better. You can find it on here. Please credit me. Thank you.



EDIT: It may work in 1.17 only. Krusher 15:27, 15 May 2011 (UTC)


Good to hear, Krusher! Long live open source. Gilluminate 19:43, 17 May 2011 (UTC)


Really good fork. It works fine in 1.17. All but navigation between images at one page or in one gallery. Navigation daoesn't work. 94.139.99.83 05:47, 21 July 2011 (UTC)



The image's box never displays, just new page with image



I've installed FancyBoxThumbs-0.4 onto Mediawiki 1.16.2, and am not seeing the same behavior as I see on the example page for this extension.  The example page works on all my browsers but my wiki does not.  When an image is clicked instead of a box , or even that image's wiki page, it just shows a blank page with that image.  I've watched the Apache error logs and have seen nothing related to this, and as far as I know I don't have any other JQuery extensions enabled.  Any ideas are greatly appreciated. User:treydock 19:32, 14 June 2011 (UTC)


The same for me.


I noticed enabling FancyBoxThumbs impeaches SmoothGallery to function properly, maybe is there a conflict with it? 82.245.211.111 07:44, 31 July 2011 (UTC)


Had the same problem. Downloaded the extension, unzipped it and copied it with the original folder-name "gilluminate" to the webserver. There was the problem!


Although I added the corrected line include_once("$IP/extensions/gillluminate/FancyBoxThumbs.php"); to my LocalSettings.php it didn't work because the extension itself assumed that it's in the directory FancyBoxThumbs.


Renamed the extension-directory to FancyBoxThumbs changed LocalSettings to include_once("$IP/extensions/FancyBoxThumbs/FancyBoxThumbs.php"); and now everything works fine. 194.25.185.146 10:04, 4 January 2012 (UTC)

Sorry about the folder naming mix up. I've added better instructions to the Extension page about that. The reason it's weird is because I'm using github to host the files and letting github create the zip file. I'll consider changing my method, but for now I'm hoping a little added instruction helps people out. Gilluminate 01:49, 5 January 2012 (UTC)






To enable the Gallery for all pictures on the page, do the following:



1. Open the file: FancyBoxThumbs.php



2. Find the line:


.' $(this).attr("href", img_src);'


3. Insert the following line under found line:


.' $(this).attr("rel", "group");'


4. Save the file



Temporary solution. Better than nothing. Aev 14:35, 15 August 2011 (UTC)


Great solution. Added to version 0.7 Gilluminate 04:17, 23 August 2011 (UTC)



Bug?



I've modified "FancyBoxThumbs.php Line 56" onto Mediawiki 1.16.5 ,FancyBoxThumbs0.7



Because "jquery.fancybox-1.3.4.css" not Loading.



Added ".$wgScriptPath."


$out->addScript('<link rel="stylesheet" href="'.$wgScriptPath.''.$FBT_Dir.'/jquery.fancybox-1.3.4.css" type="text/css" />'); Schu 13:25, 18 September 2011 (UTC)


Thanks for the tip. I got it in the latest release. Gilluminate 18:25, 19 September 2011 (UTC)



Shared repository



Hi, I uses shared repository for my wiki, however seems it's not yet compatible with images placed in shared repository? Thanks. REX 15:09, 30 September 2011 (UTC) 15:09, 30 September 2011 (UTC)


You are right REX, it assumes the src to the image is a relative path to the root of the wiki. I'll have it fixed for external images in the next release (1.0). Thanks for the heads up. Gilluminate 21:39, 30 September 2011 (UTC)


Actually, I believe the plugin is doing it correctly. It might be a limitation of Fancybox. I'll keep investigating. Gilluminate 22:57, 30 September 2011 (UTC)

Thanks! With src, it also still has problem with hashed directory. REX 07:03, 8 October 2011 (UTC)


It seems that the problem only occurs to images in shared repository which resized (due to thumbs etc). :) REX 08:05, 7 December 2011 (UTC)



[Bug] Hardcoded URL



Hi, 



thanks for the nice extension, I was very relieved to get rid of the RegEx crap that I was fighting with before. 



However, there is one severe bug in FancyBox: 



There's a hardcoded URL in FancyBoxThumbs.php, line 71: 



.' $(this).attr("title", $(this).attr("title") + "<br />Origen: <a 
style=\"color:#888888;\" href=\"http://www.frikipedia.es/friki/ 
Archivo:"+pieces[pieces.length-1]+"\">" + pieces[pieces.length-1] + "</ 
a>");'




"http://www.frikipedia.es/friki/Archivo:" should not be hardcoded and 
must be replaced with the current URL and "/File:"
 


and "Origen" seems to be some other language than english, so I 
suppose it should be "Origin:" or "Source:" 





Additionally I have two proposals: 



1. The loading of jQueryMin from Google is a question of preference, but I prefer to keep it local. So I changed line 54 



src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" 



into 



src="'.$wgScriptPath.$FBT_Dir.'/jquery.min.js"



(of course after putting jquery.min.js in the extension directory. 





2. I added this to my css to make it clearer where the extension will 
load; it'll add a magnifier cursor: 



a[rel^="group"] img { 
        cursor: -webkit-zoom-in; 
        cursor: -moz-zoom-in; 
} 

#fancybox-overlay { 
        cursor: -webkit-zoom-out !important; 
        cursor: -moz-zoom-out !important; 
}

 


Hope this feedback is useful,
Cheers, Auco 21:52, 20 October 2011 (UTC)


I think it's important notes.


Also I observed this extension conflict with vector extension (version 0.2): vector extension load /skins/common/jquery.min.js. Unikum 16:28, 29 October 2011 (UTC)

Hi. Just tested FancyBoxThumbs 1.0 with MediaWiki 1.18.0rc1 and it works fine :)


Maybe be carreful with your jQuery version because MediaWiki now load


and use "jQuery JavaScript Library v1.6.4". Alaflix 08:09, 22 November 2011 (UTC)

Thanks Alaflix!


I have updated the JQuery version in this new version 1.0.1, but keep in mind that the JQuery in the extension will only load if JQuery is not already present. Meaning, if MediaWiki has loaded it's own latest supported version, the extension will automatically use that version; if for whatever reason that version does not load, the extension loads a version as a backup option. It is unlikely that the version in this extension will ever be loaded. Gilluminate 04:32, 23 November 2011 (UTC)



Excellent Extension!!



Excellent extension!  I am very happy with it.  I've tried several others, but this is the first to work flawlessly on Mediawiki 1.17. 



http://wheretosee.org/wildlife/Photo_Gallery 68.114.5.26 18:31, 28 October 2011 (UTC)


Here is a suggestion for future updates that will make the extension work better with mobile devices such as the iPad and iPhone:  place the Forward and Reverse buttons outside the border of the picture, and appear immediately.  Right now, the Forward and Reverse buttons only appear when there is a mouse-over.  But touch devices have no  mouse-over capability, so it is awkward to use this on an iPad.  If the buttons appeared immediately (rather than after a not-possible mouseover), the functionality would be greatly improved.  Also, the Forward / Previous buttons are too small for most mobile devices (especially an iPhone).  Larger buttons would be easier to see and use on the small screens of mobile devices. Stamps Howard 04:26, 16 November 2011 (UTC)

This extension merely implements a JQuery plugin known as FancyBox. Your suggestions relate to FancyBox and not to the extension. Gilluminate 05:07, 16 November 2011 (UTC)



Customizing fancy function for certain pages/images?



I tried the extension (on MW 1.18.1) and i basically like it. But i would like to choose, what pages/images get fancy thumbs and what pages/images do behave the normal way. Is there any way to include a switch? Schmelzle 18:05, 24 January 2012 (UTC)


The plugin looks for any link ("a" tag) with the class="image" attribute and triggers FancyBox for that link/image. If you could somehow remove the class="image" attribute, you could selectively turn it off. However, I think this is a lot easier said than done. Gilluminate 03:04, 25 January 2012 (UTC)

Maybe a dependency on the user group would also help, e.g. Users in group "admins" get info page for pictures by clicking on images, all others get FancyBox instead. Schmelzle 10:51, 26 January 2012 (UTC)

Hi, it'a very simple way, just hold CRTL key then click on image !


This open a new window with all sizes of images !! 2A01:E35:2E15:3120:A05E:D995:9397:2098 16:10, 8 April 2013 (UTC)



Doubled dots don't get replaced



I'm using version 1.0.1 with MW 1.17.0.



There's a slight glitch with the doubled dots which stem from the splitting algorithm for 4 character file extensions in FancyBoxThumbs.php somehow don't get replaced as intended in line 69:



.' var img_src = img_src.replace("..", ".");' // change ..jpg to .jpg but do not change .jpeg



As a workaround I changed line 68 to not insert (another) dot in the first place, which seems to solve the problem but surely is not a perfect solution:



.' var img_src = img_split1[0]+img_split2[0]+""+img_type;' Nakohdo (talk) 09:56, 30 March 2012 (UTC)


I found the culprit. There were some double dots in my relative path to the upload directory which got in the way. I changed lines 68ff. to the following so the replacement only affects the file type extension for which it is meant and not the whole path to the image file:


<syntaxhighlight lang="javascript" line start="68" highlight="2">


.' img_type = "."+img_type;'
.' img_type = img_type.replace("..", ".");' // change ..jpg to .jpg but do not change .jpeg
.' img_src = img_split1[0]+img_split2[0]+img_type;'


</syntaxhihglight> Nakohdo (talk) 12:30, 31 March 2012 (UTC)


Just confirming that this workaround also does work with MW 1.19.2 Nakohdo (talk) 11:56, 31 October 2012 (UTC)






Hey!

I love this extension, but I got a little problem displaying the title in IE9.

I added three lines of code in FancyBoxThumbs.php (after line 69):


.' var img_src = img_split1[0]+img_split2[0]+"."+img_type;'
.' var img_src = img_src.replace("..", ".");' // change ..jpg to .jpg but do not change .jpeg
.' var img_title = $(this).children().first().attr("alt");'
.' if(img_title == \'\') { var img_title_split = $(this).attr("href").split(":"); img_title = img_title_split[1]; };'
.' $(this).attr("title", "<a href=\"" + $(this).attr("href") + "\">" + img_title + "</ a>");'
.' $(this).attr("href", img_src);'
.' $(this).attr("rel", "group");'



If I display a picture without an "alt"-tag in IE9 I get the title "undefined", but in Firefox 14.0a1 (and lower) everything works fine.

I appreciate your help, Greg 12:40, 10 April 2012 (UTC)


Update for version 2.0!


The following three lines need to be inserted into file ext.FancyBoxThumbs.js


            new_img_src = img_src_parts.toString().replace(/\,/g, "/");
        }
        var img_title = $(this).children().first().attr("alt");
        if(img_title == '') { var img_title_split = $(this).attr("href").split(":"); img_title = img_title_split[1]; };
        $(this).attr("title", "<a href=\"" + $(this).attr("href") + "\">" + img_title + "</ a>");
        
        //attach new path to this link
        $(this).attr("href", new_img_src).attr("rel", "group").addClass('fancybox');



- Christoph 186.210.135.137 21:30, 12 July 2013 (UTC)



CSS error in jquery.fancybox-1.3.4.css (FancyBoxThumbs 1.0.1)



If FancyBoxThumbs will be used with IE then you get a lot of linking errors.

FIX: Change all lines containing  i.e.


.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }


to


.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='extensions/FancyBoxThumbs/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } Greg 09:24, 20 November 2012 (UTC)


Greg,


Thanks for the heads up. I'll work this fix into the next release. Gilluminate (talk) 23:24, 20 November 2012 (UTC)

Actually, it was a pretty quick fix. I just added it to the repo. Gilluminate (talk) 23:36, 20 November 2012 (UTC)



Issues with MW 1.20.2



Was using this extension on MW 1.19.1, PHP 5.3.14 and all was great! 
After update to MW 1.20.2 stopped working. The list of extension is the same as for MW 1.19.1.



I will be grateful for any help! ZelChief (talk) 18:25, 23 January 2013 (UTC)


I'm thinking this might have something to do with it: http://www.mediawiki.org/wiki/ResourceLoader/Migration_guide_for_extension_developers


Something tells me they made the old way obsolete in 1.20


I'll keep looking into this and see how I can fix. Thanks for the heads up!! Gilluminate (talk) 23:35, 25 January 2013 (UTC)


I have completely rewritten this extension from the ground up. It is now fully compatible with 1.20. Gilluminate (talk) 16:55, 30 January 2013 (UTC)

Very quickly! Thank you for your work! ZelChief (talk) 18:34, 1 February 2013 (UTC)



Version 2.0 Released



Hi all,
I've rewritten this extension from the ground up.





You can read more detailed information about this release on my blog.



One thing to note is that fancyBox v2 has a different license. 
fancyBox v2 is licensed under Creative Commons Attribution-NonCommercial 3.0 license.
You are free to use fancyBox for your personal or non-profit website projects. 
You can get the author's permission to use fancyBox for commercial websites by paying a fee.



Let me know how this new version works for you! Gilluminate (talk) 17:00, 30 January 2013 (UTC)



Installed but not working



Hi, FancyBox looks great and I would love to get it working on my wiki but am having issues. I tried installing it both from the master.zip file in your download link, and from git, but neither seems to work for me. You can see details of my installation at http://linuxproblems.org/wiki/Special:Version. Also here's a test page I set up http://linuxproblems.org/wiki/Test. Any ideas what might be wrong? I can't see any errors in my logs. 
Ed. 86.135.61.167 21:04, 12 March 2013 (UTC)


Not to worry, it looks like this was  a problem with the mediawiki skin I'm using - cavenishmw. It works with other skins. 86.135.61.167 13:05, 13 March 2013 (UTC)



Thank you



Fantastic extension.  Thank you! Cdaringe (talk) 21:14, 27 March 2013 (UTC)






Hi! How do I use FancyBoxThumbs to display titles of the images for gallery?
As for now I'm getting: "more info" link instead of the actual image title...
Can you help?
Thanks!
Marcin 77.65.38.152 14:43, 25 November 2013 (UTC)


I just added a fix for displaying image captions as titles with Gallery support. Please grab the latest version. Gilluminate (talk) 18:11, 26 November 2013 (UTC)



Not working on some Special Pages ?



Hi. I updated my wiki to MediaWiki 1.22.2 and FancyBoxThumbs (version 2.1)



This extension seems to still works on my pages (MAIN) but not on all wiki pages :(



By example it's not working on /wiki/Special:NewFiles while it's working for /wiki/Special:ListFiles ...



I noticed that on 'bad' pages 'a' tags style have an "image" class, not "image fancybox". Alafix 07:40, 14 February 2014 (UTC)


On MW 1.22.2 FancyBoxThumbs not working absolutely. :( 109.188.126.189 06:31, 18 February 2014 (UTC)

Hi. Yes far worse than I first wrote. On most pages with several pictures, you don't have on-image links toLeft and toRight and then must close the window and click on following pics. Many hazardous comportments from this extension since MW 1.22. Not good enough in jQuery to fix this problem :( Alafix 11:25, 26 February 2014 (UTC)



Is it possible to support MW thumbnail function?



Hi gilluminate,



You FancyBoxThumbs is a great MW extension. could you made it even better by combine the MW thumbnail function?



Users in my wiki prefer to upload extremely large photo / graph for detail accuracy. These full images usually need half mins or even more time to load.



Is it possible to let FancyBoxThumbs detect and load thumbnail generated by MW automatically? 



For example, this photo: https://commons.wikimedia.org/wiki/File:Gl%C3%BChwendel_brennt_durch.jpg



is 1,882 × 2,827 pixels large, and the default size of preview is 399 × 599 pixels. The preview load much much faster than the original photo. Zoglun (talk) 22:44, 7 June 2014 (UTC)



Issue with long descriptions



If a photo description is too long it remains in a single line going off the screen and causes the appearence of a horizontal scrollbar.




A workaround I've used is to add the following to MediaWiki:Common.css.


.fancybox-title-float-wrap .child {
    white-space: normal;
}



which has the following result:




The description is now readable but lays over the image.



I guess what needs to be done here is somehow for the frame to auto adjust itself to fit alongside with the description. Ioannis Protonotarios 12:29, 3 July 2014 (UTC)


You may have already found this, but for anyone else trying to tame long captions, if you include the following in your LocalSettings.php file, then the caption will be enclosed in the bounding box and long captions are handled quite well. If you have other FancyBoxOptions, of course, you'll need to add this to them rather than adding this line by itself.


<syntaxhighlight lang='text'>$fbtFancyBoxOptions = '{"helpers":{"title":{"type":"inside"}}}';</pre> HenryHartley (talk) 17:40, 26 February 2015 (UTC)

Yes! That solves it!




In fact I think it's much better that way! I guess I should have RTFM more closely ;)


Thanks a lot! Ioannis Protonotarios 11:19, 8 March 2015 (UTC)



German Mediawiki 1.23.3



I installed the extension according to the instructions. It is shown on the special pageswith version 2.1 . But it does not work at all. [[User:Bmrberlin| Bernd M.]] (talk) 11:53, 23 September 2014 (UTC)


Dunno - it works for me. Cavila (MW 1.22, MySQL 5.5.37-0, Php 5.4.4-14 squeeze, SMW 1.9.2, SF 2.7) 07:56, 24 September 2014 (UTC)

Hello Cavila,


Do you have a Website, where I could take a look?


Regards


Bernd [[User:Bmrberlin| Bernd M.]] (talk) 08:07, 24 September 2014 (UTC)

Hi Bernd,


There's a list of sites using this extension at https://wikiapiary.com/wiki/Extension:FancyBoxThumbs - an example of a German site is http://www.digitabulum.org/index.php/Hauptseite or http://www.thomas-krenn.com/de/wiki/Hauptseite (MW 1.23.3).


It's possible that there's a conflict of some kind, maybe javascript-related, with another extension installed for your site. To find out if this is the case, you should comment out all other extensions from Localsettings.php. Cavila (MW 1.22, MySQL 5.5.37-0, Php 5.4.4-14 squeeze, SMW 1.9.2, SF 2.7) 09:12, 24 September 2014 (UTC)

Thank you Cavila,


For this hint. I took a look at the Thomas Krenn page. There were a lot more extensions installed, than in my Wiki. But I could locate the problem.


There seems to be a conflict with the new Mediawiki Media Viewer. After disabling that one, the FancyBox works fine. I would suggest, to add a hint in the install instructions of the FancyBox.


Best Regards


Bernd [[User:Bmrberlin| Bernd M.]] (talk) 10:22, 24 September 2014 (UTC)

It's not about the number of extensions you've got installed. Media Viewer does something very similar to FancyLightBox, probably relying on some of the same javascript features, so this is hardly surprising. Glad you worked it out.


You can add a note to the 'Known issues' section. Cavila (MW 1.22, MySQL 5.5.37-0, Php 5.4.4-14 squeeze, SMW 1.9.2, SF 2.7) 10:35, 24 September 2014 (UTC)



Add "Global Gallery"



I think this is the best image viewer for mediawiki at the moment and thank you so much for sharing this wonderfull extension.



I compared it with the "official" multimedia viewer and the only thing I miss a bit is that multimedia viewer adds all images of the page to a huge "gallery": to see other images in the page you don't need to scroll down the page and ckick every single image but you only need to click next button in the viewer.



I'm aware that this is not the ideal behaviour and think the aproach of FancyBoxThumbs is more accurate keeping different galleries separate in the jquery viewer, but when you have long pages without galleries and with many single images in the page the ability of scrolling trough arrrow keys is very practical. Maybe this could be a behaviour to switch trough a global variable like $wgfancyglobalgallery = true ?



In my opinion I would keep galleries to work as they do now (separete), I just would add all single images to a group of images that user could scroll through the FancyBoxThumbs viewer arrow keys.



Let me know what your opinion is. 93.144.112.152 01:18, 7 October 2014 (UTC)


Hi, it should be possible to turn it on and off using the $fbtFancyBoxOptions settings, although I'm not really sure how to go about myself.


In this case though, the previous/next arrows are probably default (as the example given in the infobox seems to confirm), so the fact that they don't appear may well be due to a bug - the same one that was reported in February earlier this year: https://github.com/gilluminate/FancyBoxThumbs/issues/5. Thanks for confirming this behaviour. My best guess (it's no more than that) is that we're dealing with a jQuery conflict. Cavila (MW 1.22, MySQL 5.5.37-0, Php 5.4.4-14 squeeze, SMW 1.9.2, SF 2.7) 13:37, 8 October 2014 (UTC)



YouTube



I saw on the developer's page for fancy box itself that they can embed youtube videos with their technology. I tried doing the same on our mediawiki with this extension and kept failing to get it to work. Any thoughts on how to get it activated? 71.238.67.170 13:54, 8 October 2014 (UTC)



PDF support



Anybody know how to enable this extension for PDFs thumbnails?, for example [[File:MyPDF.pdf|100px]] Bennylin (talk) 09:47, 26 November 2014 (UTC)


My solution on this (based on FBT ver 1.0.1) User talk:Nicolas NALLET#h-FancyBoxThumbs_for_pdf_format-2015-01-06T10:29:00.000Z


Next I'll try to work it on FBT ver 2. Bennylin (talk) 18:45, 28 August 2015 (UTC)



Issue with Instant Commons



When clicking on an Instant Commons file thumb I get the message "The requested content cannot be loaded. Please try again later." I rememder that Instant Commons used to work just fine with FancyBoxThumbs before and I think that this may have happened after upgrading to MW 1.24. See live example with version info. Ioannis Protonotarios 09:57, 27 January 2015 (UTC)



Only works after re-loading page



(V2.1 on MW1.23)



Upon first loading of the page, the thumbs in the gallery do not get opened with FancyBox but instead link to the respective file page. Only after re-loading the page with the gallery does it work.



This is what I see at first in the Java-Console of Firefox:



<code>ReferenceError: fbtFancyBoxOptions is not defined ReferenceError: fbtFancyBoxOptions is not defined</code>

<code>Stack-Trace:</code>

<code>@http://my.wiki.net/load.php?debug=false&lang=de-ch&modules=ext.FancyBoxThumbs%7Cext.gadget.HotCat%7Cjquery.checkboxShiftClick%2Chidpi%2ChighlightText%2CmakeCollapsible%2Cmw-jump%2Cplaceholder%2Csuggestions%2CtabIndex%7Cmediawiki.action.view.postEdit%7Cmediawiki.api%2Ccldr%2Chidpi%2CjqueryMsg%2Clanguage%2CsearchSuggest%2Cuser%7Cmediawiki.api.watch%7Cmediawiki.language.data%2Cinit%7Cmediawiki.libs.pluralruleparser%7Cmediawiki.page.ready%7Cmediawiki.page.watch.ajax%7Cskins.vector.collapsibleNav&skin=vector&version=20151019T075613Z&*:33:843</code>

<code>@http://my.wiki.net/load.php?debug=false&lang=de-ch&modules=ext.FancyBoxThumbs%7Cext.gadget.HotCat%7Cjquery.checkboxShiftClick%2Chidpi%2ChighlightText%2CmakeCollapsible%2Cmw-jump%2Cplaceholder%2Csuggestions%2CtabIndex%7Cmediawiki.action.view.postEdit%7Cmediawiki.api%2Ccldr%2Chidpi%2CjqueryMsg%2Clanguage%2CsearchSuggest%2Cuser%7Cmediawiki.api.watch%7Cmediawiki.language.data%2Cinit%7Cmediawiki.libs.pluralruleparser%7Cmediawiki.page.ready%7Cmediawiki.page.watch.ajax%7Cskins.vector.collapsibleNav&skin=vector&version=20151019T075613Z&*:32:1</code>

<code>runScript@http://my.wiki.net/load.php?debug=false&lang=de-ch&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=20151019T072552Z:156:934</code>

<code>execute/</checkCssHandles@http://my.wiki.net/load.php?debug=false&lang=de-ch&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=20151019T072552Z:157:353</code>

<code>execute/</cssHandle/<@http://my.wiki.net/load.php?debug=false&lang=de-ch&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=20151019T072552Z:157:483</code>

<code>jQuery.Callbacks/fire@http://my.wiki.net/load.php?debug=false&lang=de-ch&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=20151019T072552Z:13:1</code>

<code>jQuery.Callbacks/self.fireWith@http://my.wiki.net/load.php?debug=false&lang=de-ch&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=20151019T072552Z:15:253</code>

<code>jQuery.Callbacks/self.fire@http://my.wiki.net/load.php?debug=false&lang=de-ch&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=20151019T072552Z:15:296</code>

<code>addEmbeddedCSS@http://my.wiki.net/load.php?debug=false&lang=de-ch&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=20151019T072552Z:152:1</code>

<code>addEmbeddedCSS/<@http://my.wiki.net/load.php?debug=false&lang=de-ch&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=20151019T072552Z:151:453</code>



After re-loading the page there is no Java-error at all.



Does this mean that one '''has''' to define fbtFancyBoxOptions? This would make options non-optional. :) I cannot check right now but will get back with my findings. Sm8ps (talk) 08:29, 21 October 2015 (UTC)


Found out that I do have fbtFancyBoxOptions defined; here it is:


 $fbtFancyBoxOptions = '{"arrows":"false","closeBtn":"false","helpers":{"title":{"type":"inside"}}}';


Now the error message does not make sense to me anymore. Could it be an early time-out? There does not seem to be noticeable lag while loading the page. Any ideas anybody? Sm8ps (talk) 14:18, 26 October 2015 (UTC)


I am still being bitten by this strange behaviour. Each time I am presenting a gallery from my Wiki, I have to basically reload each page before FancyBoxThumbs works.


There does not seem any good explanation but I remarked that it usually happens when loading multiple pages (from the same wiki) in new tabs. Somehow the necessary information does not get loaded.


I just tested this: Upon launching ten new tabs with galleries, six of them did not load FancyBoxThumbs properly. There was no particular order (nrs. 1, 2, 4-7 affected). This is on Firefox 48 running on a i5 processor and connecting over the local gigabit net to the server which is reasonably fast, too.


Could that be a hint about how to fix the problem? Any input appreciated! Sm8ps (talk) 14:19, 13 August 2016 (UTC)


I see the same symptoms at www.irhb.org. They occur also in Chrome. Henryfunk (talk) 08:37, 25 August 2017 (UTC)



Some bugs of the extension on my wiki



Hello all, thanks for the great extension it is even better then Mediaviwer extension
So I have two small problems, so the extension doesn't work on my wiki (1.22.13) like on the example page.
First - There aren't arrows to slide images (if there are several on the page)
Second - If there is at the bottom of the page and I click it to view, the page goes up (to the beginning of the page and opens the image)
How can I fix it? Thank you Fokebox (talk) 07:18, 29 June 2016 (UTC)



Any plan on adding the thumb image adjudicative function?



The Extension:MultimediaViewer have a really nice funciton where it can read the browser window size and provide proper size thumb image, instead of simply give user the huge original image.



This function could save tons of bandwidth cost and let user get the image much faster. It would be AWESOME if FancyBoxThumbs have such thumb support! 



Will hug the guy/girl who wrote this function for FancyBoxThumbs 100 times! Deletedaccount4567435 (talk) 06:39, 16 October 2016 (UTC)



SVG support?



This extensions still works fine with current (1.28) mediawiki. Unfortunately it seems not to support Scalable Vector Graphics .SVG files. Any chance to add this as a feature? Tonk (talk) 06:05, 28 April 2017 (UTC)



Thumbnail linking to full size image with one click?



Are there any $fbtFancyBoxOptions that would do this in a way that the actual full image size is displayed (not an image version adapted to maximum screen height for example). Spiros71 (talk) 09:31, 16 July 2017 (UTC)






Thanks Nicolas NALLET Wiki-Valley.com (talk) 17:52, 7 September 2017 (UTC)



thumbnailed videos?



Can the FancyBoxThumbs extension displays thumbnailed videos "lightbox" that floats overtop of web page.? Or is there a extension which can do that? 2001:16B8:3049:F600:7C3E:673D:D5F8:3E96 (talk) 23:00, 5 August 2018 (UTC)



FancyBox3?



Is there already a Extension planned for FancyBox3? The FancyBox3 Functions are very usefull und could easily replace MultimediaViewer. I hope someone can write an extension for FancyBox3. Mark1973x (talk) 12:17, 18 September 2018 (UTC)
Category:Talk pages using deprecated source tags