3212 Posts in 847 Topics by 809 members
| Go to End | Next > | |
| Author | Topic: | 6987 Views |
-
fancybox or shadowbox not showing

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/page.ss (on top of the body, on the bottom, in the head)
* disabling all other .js-functionality as is suggested here http://silverstripe.org/archive/show/187021?start=0#post187321
* 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? -
Re: fancybox or shadowbox not showing

20 March 2009 at 11:02am Last edited: 20 March 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 -
Re: fancybox or shadowbox not showing

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...
-
Re: fancybox or shadowbox not showing

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 -
Re: fancybox or shadowbox not showing

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
-
Re: fancybox or shadowbox not showing

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
-
Re: fancybox or shadowbox not showing

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
-
Re: fancybox or shadowbox not showing

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>Cheers
Christian
| 6987 Views | ||
| Go to Top | Next > |






