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.

We're retiring the forums!

The SilverStripe forums have passed their heyday. They'll stick around, but will be read only. We'd encourage you to get involved in the community via the following channels instead:

Template Questions /

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

fancybox or shadowbox not showing

Go to End

11 Posts   9823 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