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 /

fancybox or shadowbox not showing


Go to End
Reply


11 Posts   8106 Views

Avatar
theAlien

Community Member, 131 Posts

19 March 2009 at 12:08pm

I'm quite desperate... All day I'm trying to get [url=http://fancy.klade.lv/]fancybox[/url] (or [url=http://mjijackson.com/shadowbox/]shadowbox[/url]) 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/page.ss (on top of the body, on the bottom, in the head)
* disabling all other .js-functionality as is suggested here [url]http://silverstripe.org/archive/show/187021?start=0#post187321[/url]
* 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?

Avatar
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() {
      
         Requirements::javascript("articles/shadowbox/shadowbox-base.js");
         Requirements::javascript("articles/shadowbox/shadowbox-2.0.js");
   
         Requirements::customScript(<<<JS
         
         Shadowbox.loadSkin('classic', 'shadowbox/shadowbox/skin');
         Shadowbox.loadLanguage('en', 'shadowbox/shadowbox/lang');
         Shadowbox.loadPlayer(['qt'], 'shadowbox/shadowbox/player');
   
         window.onload = function(){
   
       Shadowbox.init();
   
         };
   
JS
   );
         parent::init();
   }

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
Avatar
theAlien

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

Avatar
jovoo

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!

Cheers,
jovoo

Avatar
emil.blume

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

Avatar
kuenkuen82

Community Member, 41 Posts

14 April 2010 at 4:58pm

I found an error and posted on [url=http://www.silverstripe.org/general-questions/show/275696#post275696 ]Problem with Silverstripe working with Fancybox forum[/url] 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

Avatar
tchintchie

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 page.ss 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:

Requirements::javascript("mysite/javascript/shadowbox-3.0.3/shadowbox.js");

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

Avatar
Invader_Zim

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">
Shadowbox.init();
</script>

[url=http://shadowbox-js.com/usage.html#setup]Description here[/url]

Cheers
Christian

Go to Top