Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

Template Questions /

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

fancybox or shadowbox not showing

Go to End

11 Posts   9795 Views


Community Member, 131 Posts

19 March 2009 at 12:08pm

I'm quite desperate... All day I'm trying to get fancybox (or shadowbox) working. But I can't get my head around it.
The main goal: opening inline HTML-elements, external links and forms in a modal (pictures are a nice addon ;-) )

But whatever I'm trying: the content still opens as a normal link (or with the inline-elements: the screen moves to the anchor).

Things I've done:
* hardcoding all necessary javascript and css-files into templates/ (on top of the body, on the bottom, in the head)
* disabling all other .js-functionality as is suggested here
* enabling all other .js-functionality
* enabling all other .js functionality except prototype.js as UncleCheese is doing in the ImageGallery-module
* including all necessary javascript and css-files with public function init() { Requirements::javascript(..); }
* restarting wampserver as well as way too many /db/builds
* I even plainly copied what UncleCheese did in the ImageGallery-module (off course without any luck)

Oh, and off course I had $(document).ready(function() { }); as a part of the necessary javascript-files and all the tags fancybox and shadowbox require added to the <a>

Is there someone out there who got a modal working and can help me out?
Or maybe it's a wamp-problem?

Carbon Crayon

Community Member, 598 Posts

20 March 2009 at 11:02am

Edited: 20/03/2009 11:04am

I had shadowbox working without a problem on wamp. It was on 2.23 so I had all the java stuff in my innit() function, but anyway it should still work.

function init() {
			Shadowbox.loadSkin('classic', 'shadowbox/shadowbox/skin');
			Shadowbox.loadLanguage('en', 'shadowbox/shadowbox/lang');
			Shadowbox.loadPlayer(['qt'], 'shadowbox/shadowbox/player');
			window.onload = function(){

Attached is the shadowbox version I used.
Also don't forget to add the viewers you need, I only had quicktime in this example

Attached Files

Community Member, 131 Posts

30 March 2009 at 9:16am

Thank you.

I'm on 2.3.0 and still putting things like that as requirements in init().
Are you suggesting that's not the preferred solution anymore?

I read something about <% required %> tags, but I can't find documentation on it...


Community Member, 12 Posts

30 July 2009 at 2:57am

Hey theAlien,

did you fix your problem? I'm trying the same at the moment (fancybox with an inline element) - it doesn't work out...
There is still this anchor-problem. The page is like jumping but thats all.
Would be great if you have a hint for me!



Community Member, 11 Posts

1 September 2009 at 12:25am

It would be in general very usefull to have a tutorial how to implement some lightbox or fancybox or shadowbox in the best way


Community Member, 41 Posts

14 April 2010 at 4:58pm

I found an error and posted on Problem with Silverstripe working with Fancybox forum I'm not sure if this is the cause of this jquery plugin not working, but I would be grateful is someone would post the solution


Community Member, 63 Posts

6 June 2011 at 5:22am

Hi all!

I know this thread is quite old but I still hope to get some replies. I too have the problem of a non-working shadowbox (outside of image_gallery module - all works fine there) but I also need to link one or two images outside of the gallery module to open up in a shadowbox (if possible)

what I did was:
- downloading the latest shadowbox and putting it into my mysite/javascript folder
- put this <% require javascript(mysite/javascript/shadowbox-3.0.3/shadowbox.js) %> into my head underneath other js code like cufon (which works like a charm btw)
- in my backend I used a html-dialog to code the shadowbox gallery where I wanted it to be like so:

<a rel="shadowbox[bus]" href="/assets/Uploads/bus/dsc_7413-503.jpg"><img src="assets/Uploads/dsc7419-506.jpg" alt="Scania Irizar PB" width="90" height="90" align="right" /></a>

when all of that didn´t work (the linked image opens in a new window) I searched the forums and found a threat about some init () commands. that´s when I tried putting this:


in my page.php underneath the parent::init(); but still without success....what am I doing wrong? Or am I doing anything right at all??? pls help!

kind regards


Community Member, 141 Posts

6 June 2011 at 11:36am

Hi tchintchie.

I'm not experienced with shadowbox, but i think you forgot to insert it's init function...

<script type="text/javascript">

Description here


Go to Top