Where to enter code?

Hi Emily,

It doesn't matter where you publish the Ninja Shadowbox module, just as long as it is a module position that exists on that web page. Unlike normal Joomla modules, Ninja Shadowbox does not output any HTML in the module position in which it is published. All it does is include some CSS and javascript in the <head> of your web page. This CSS and javascript is what is needed to power the shadowbox.

To enter HTML to trigger javascript, you need to create a custom HTML module. Enter the shadowbox code there. Alternatively you can enter the code directly into articles when you create or edit them. More details on Ninja Shadowbox use here:
http://ninjaforge.com/documentation/index.php?title=Shadow_Box_2.0_-_Module_Documentation

Let me know if you need further help.

Mark

Hi Mark,

Thank you for the instruction. I knew it was a simple solution and it worked great. However, is there an easy way to get a small image of that video besides taking a picture of the video image and then link to it? instead of text?
Here's my site: https://thousandoakslacrosse.com/girls.html. It's on the right side bar.
Thank you.
Emily

Hi Eguido,

Let me try to help you :)

First, I wasn't able to view the link you provided, I got the error 404 page instead.
[EDIT]ah...got the link opened, there was a dot to many after 'html' ;)[/EDIT]

You can create an preview image directly from your Youtube video to change the <img src="..." /> tag to this:



<img src="http://img.youtube.com/vi/[youtube-code]/0.jpg" border="0" width="210" height="160" />

You should get something like this for Ninja Shadowbox:



<a href="http://www.youtube.com/v/91FShX_u7As&amp;amp;autoplay=1" title="Star Module"

rel="shadowbox;width=640;height=480;">

<img src="http://img.youtube.com/vi/91FShX_u7As/0.jpg" border="0" width="210" height="160" /></a>

I hope it helps you out, it did work for me ;).

Greets,
John

@John, I was going to tell her there was no way to do that.

Thank you very much for sharing that trick. I learned something new today! :)

This is what I found, very useful site.

@ Mark

Well, we can shake hands then because I've learned this trick too today ;)

Sometimes some Googling will help, then refine the code, then test, test again and test once more, and there we go :laugh:

Anything for this community, my friend ;)

High Five,
John

Hi John,
Thank you, that was very cleaver! I got yours to work (of course), however, when I'd used my codes, it would not play the video properly. See attached pix. Here's the code that I'd used:
How to Catch
<a href="http://www.youtube.com/v/K7456_uMrFw&amp;feature=channel;autoplay=1" title="How to Catch" rel="shadowbox;width=640;height=385;"><img style="display: block; margin-left: auto; margin-right: auto;" src="http://img.youtube.com/vi/K7456_uMrFw/0.jpg" border="0" height="125" width="165" /></a>

If I removed this part, ';feature=channel', it still won't play. However, the 3rd video from the top doesn't have these strange codes at the end, and it plays just fine.

Oh yea, I also do not want to have a border and it's set at '0', but it's still showing a border. Here's the site: https://thousandoakslacrosse.com/girls.html

Thank you in advance.

Emily

I don't think you can use that video. I tried to use that link you are opening in shadowbox and I get the same error. (with no shadowbow, just the link itself.

Hi Daniel,
Mmmm, the link works by itself: http://www.youtube.com/watch?v=K7456_uMrFw&feature=channel
Are you saying some You Tube video can be displayed using this method and some cannot?
Emily

Hi Emily,

I may be missing something, but it doesn't look like you are using Ninja Shadowbox.

What you are using is called JCE Mediabox. We would love to help, but aren't very familiar with it. Maybe you should try getting support for it over at www.joomlacontenteditor.net

Cheers,
Mark

Hi Emily,

I think the video's displaying the error are on a restricted area on a server. Which means that they could only be viewed by members or people who have shared access.

Are these video's of yours uploaded to the public Youtube server or uploaded to an Expert Village account?
In case they are uploaded to an Expert Village account, see if you can manage the public restrictions in your account settings.

I'm not sure if this is possible. I'm not familiar with Expert Village or such.
If I may advise, you can consider to move the video's to a public server, like Youtube.

I've read in an article Expert Village is currently moving their hosted video's to E-How. Maybe this has to do with your issue.

Regarding the border, you can remove the styling code, just like this:



<a href="http://www.youtube.com/v/91FShX_u7As&amp;amp;autoplay=1" 

title="Star Module" rel="shadowbox;width=640;height=480;">

<img src="http://img.youtube.com/vi/91FShX_u7As/0.jpg" 

width="210" height="160" /></a>

If this doesn't help you can try this:



<a href="http://www.youtube.com/v/91FShX_u7As&amp;amp;autoplay=1" 

title="Star Module" rel="shadowbox;width=640;height=480;">

<img src="http://img.youtube.com/vi/91FShX_u7As/0.jpg" 

border="none" width="210" height="160" /></a>

I've also noticed you have JCE MediaBox installed which isn't really necessary for publishing the video's. So far as I can see it doesn't do any harm though. But it could affect the styling such as borders, etc.

I hope you can make something out of this.
If you have further questions please do ask.

Greetings ;)
John

Hi Emily,

Mark has a good point here :)

I've just inspected your site once again and noticed also the video's aren't activated by Ninja Shadowbox. I wasn't aware (actually I looked over it) that JCE Mediabox uses a lightbox for video's allthough it's obvious, I thought it was only for imaging purposes.:blush:

However, I've noticed also that the Ninja Shadowbox scripts are indeed loaded in your page but is currently not in use for playing he video's.

So, the codes I provided will only work with Ninja Shadowbox and perhaps partly for JCE Mediabox.

I thought it would be wise to let you know before I point you in a totally wrong direction.;)

Greets,
John

Hi Gentlemen,
You are right! It's not using Ninja Shadowbox like I wanted to. I'm using JCE Mediabox for another module on the Front Page and the Resource page. However wanted to see if Ninja Shadowbox will work better since I'm having trouble with the JCE Mediabox to do what I wanted it to. Can that be done? Are the two conflicting or overriding the other? How will I specify in the custom HTML module that I want to use Ninja Shadowbox and not JCE Mediabox?
I have loaded the Ninja Shadowbox and enabled it.
The videos I want to load, I just found from googling them. They are not mine. I was able to watch it just like any other You Tube video without having to do anything different. So I don't know anything about the Expert Village deal.
Thank you for your help.
Emily

Hi Emily,

It's possible to use different extensions to display media.
You've to use the proper code for each extension to make it work.
This can easily be done by Joomla's HTML editor.

It's also possible that sometimes extensions will conflict as they can use their own scripts for each extension to work properly.

Ninja Shadowbox is capable to do great things regarding media showcases.

In a custom html module you can also open the html editor and use the following sample code to activate Shadowbox. For using Youtube video's:



<a href="http://www.youtube.com/v/[youtube-code]&amp;autoplay=1" 

title="MyVideo" rel="shadowbox;width=[screen-width in px];

height=[screen-height in px];">YouTube</a>

Notice this part of the code will do the trick to activate Ninja Shadowbox and is important:



rel="shadowbox;width=[screen-width in px];

height=[screen-height in px]"

Then the way you prefer (provided in previous post):



<a href="http://www.youtube.com/v/[youtube-code]&amp;autoplay=1" 

title="MyVideo" rel="shadowbox;width=[screen-width in px];

height=[screen-height in px];">

<img src="http://img.youtube.com/vi/[youtube-code]/0.jpg" 

border="none" width="[preview-width in px]" 

height="[preview-height in px]" /></a>

The problem with the video's won't play is a Expert Village server related issue,
This is something you can't handle since the movies are not yours. I'm sorry, can't help you with that. It won't play neither with any other extension. The video is simply restricted by Expert Village. You can try to contact to owner of the video's and ask for permission to use them on your site.

If you need other usage information for Ninja Shadowbox you can download a detailed manual HERE.

In addition you can refer to this excellent usage documentation http://ninjaforge.com/documentation/index.php?title=Shadow_Box_2.0_-_Module_Documentation#.

I hope I've given you a step in right direction.
If you have any questions or need help please don't hesitate to ask ;).

Greets,
John

Hi Emily,

Just to add to John's excellent advice above, you should try to only use one extension if you can help it. If you want to use NS, disable JCE Mediabox. You will probably be able to do this by disabling the plugin in your Joomla Plugin Manager.

Cheers,
Mark

Hi,

I'd disabled the JCE mediabox and tried it again with your codes. But now the lightbox does not show up at all - even with your example. It's behaving like a direct link now.
Here is the code:
Skills and Drills for Girls
<a href="http://www.youtube.com/v/Jy9lwQuLjvk&amp;amp&amp;autoplay=1" title="How to Catch" rel="shadowbox;width=640;height=385;"><img style="display: block; margin-left: auto; margin-right: auto;" src="http://img.youtube.com/vi/Jy9lwQuLjvk/0.jpg" width="165" height="125" border="none" /></a>

I'd checked the backend and SB is enabled. I reboot the brower & cleaned the cache. I'm not sure what I'm doing wrong. Please advice.
site: https://thousandoakslacrosse.com/girls.html
Thank you.
Emily

Hi Emily,

Ninja Shadowbox is not published on that page. Please check its parameters in the Module Manager.

Also check that it is published in a module position that exists on that page.

Cheers.
Mark

Hi Mark,
I'd checked several times to make sure the settings are correct. I have attached few screen shots.

This is my setting details:

This is my menu assignment for the SB.

SB is enabled.

Sorry, I hit the submit button too fast. Here's the enabled screen shot. I don't know how to attach several image files at one time.
Thank you.
Emily

Thanks for the screenshots Emily.

I just checked your site again and noticed you are using an Artisteer template.

Ninja Shadowbox unfortunately does not work at all with Artisteer, since they ignore Joomla coding conventions and won't let us stick js and CSS in the <head>.

I am away from home at the moment, and can't do much about this immediately, but when I get back home in a couple of days, I can attempt to revive the Ninja Shadowbox plugin, an extension we used to have but dropped about a year ago.

Kind regards,
Mark

Ahh....that's a good explanation. I couldn't figure out what was wrong. I will use the JCE mediabox for now.

Are you saying that if you revive the SB plugin, then SB will work on the Artisteer template? It is such a nice extension. :-)

I can wait until you get back home. No problem.
Cheers,
Emily

Hi Emily, Mark,

I've an Artisteer Template on my local server for test purposes.
I've just tested Ninja Shadowbox 2.0.9 and it works fine with my Artisteer template.

At the moment I'm trying to find out what could be the issue.

I'll let you know if I find something useful.

Hang on ;)

greets,
John

Hmm, strange indeed.

Let us know what you find, John.

There is at least another thread in this forum where someone had exactly the same issue that Emily has.

Hi Emily,

I did some tests and I was not able to reproduce your issue, Ninja Shadowbox worked fine over again. Instead I've several new suggestions for you.
However, you can also wait for Mark's advice and use another version of Ninja SB.

First, you've to make sure your code is clean. In a previous post you showed the code like this:



<p><strong>Skills and Drills for Girls</strong></p>

<p><a href="http://www.youtube.com/v/Jy9lwQuLjvk&amp;amp;amp&amp;amp;autoplay=1" title="How to Catch" rel="shadowbox;width=640;height=385;"><img style="display: block; margin-left: auto; margin-right: auto;" src="http://img.youtube.com/vi/Jy9lwQuLjvk/0.jpg" width="165" height="125" border="none" /></a></p>

I've noticed that there were to many ampersands '&' in it. I think it's not a big problem but just try to change it to avoid problems. This is what it should look like:



<p><strong>Skills and Drills for Girls</strong></p>

<p><a href="http://www.youtube.com/v/Jy9lwQuLjvk&amp;autoplay=1" title="How to Catch" rel="shadowbox;width=640;height=385;"><img style="display: block; margin-left: auto; margin-right: auto;" src="http://img.youtube.com/vi/Jy9lwQuLjvk/0.jpg" width="165" height="125" border="none" /></a></p>

I've tested your code on my Artisteer Template and it worked correct with Ninja SB.
I've also noticed that you've the plugin 'System - Mootools Upgrade' running. Can you try to disable that in the Plugin Manager and see if Ninja SB works correct.
Sometimes this plugin will conflict with certain extensions, in my experience.
You can also try to choose a different 'Javascript Library' in the Ninja Shadowbox Module settings, for instance choose 'Dojo' instead of 'JQuery'.

I've also noticed you've mod_jt_slideshow running, which could possibly conflict with Ninja SB. If you need that extension you can also try to change javascript settings for that module and see if Ninja SB works correct, otherwise try to temporarily disable the jt slideshow module and see if things will change. Then again you can use a different Javascript Library for Ninja SB (as mentioned) and mix or/and compare if both extensions will run separately or if you like together.

Until so far some findings, if you have any troubles please do ask.
Or, like I said, you can wait for Mark of course. He's far more experienced than I am. But I thought I could help you a little more regarding the Artisteer Template.

Greets ;) ,
John

30 Oct 10

Hi John & Mark,

This is really weird. So I turned JCE mediabox back on because Shadowbox was not working. Now, the videos are working like SB . So I firebug the videos and it says JCE mediabox is running. However when I go to the backend to look at the code, it is what I have entered as before: Skills and Drills for Girls
<a href="http://www.youtube.com/v/Jy9lwQuLjvk&amp;amp&amp;autoplay=1" title="How to Catch" rel="shadowbox;width=640;height=385;"><img style="display: block; margin-left: auto; margin-right: auto;" src="http://img.youtube.com/vi/Jy9lwQuLjvk/0.jpg" width="165" height="125" border="none" /></a>
And SB module is enabled.
Some of the videos that were working with JCE Mediabox before is now displaying a white blank lightbox. I think there's random conflict when I have both JCE MediaBox & Shadowbox running at the same time, and may be JTSlideshow.
I'm going to disable JCE Media box and Mootools Upgrade, change to "Dojo" instead of 'JQuery' in SB. Oh, I can disable JTSlideshow too. If SB works out, I can use it for all my videos and slide shows requirements. That would be nice.
Thank you.
Emily

30 Oct 10

NOTE: post edited by me for adding more info

Hi Emily,

In addition I would advise you to don't edit settings of different extensions at the same time, just one by one and in between do some test and see if things are different, I mean in an eliminating manner. If the editing and in between tests don't make a difference, please change the edits/settings back to what is was before. Or else it can be really confusing and afterwards you can probably loose the lead on what exactly the fix finally could be.

Your code is correct and will work properly (just try to decrease the &amp& to a minimum of & or just '&'. The editor will automatically correct this to &. So don't focus to much on the code, I've tested it and works in either way, whether there are to much ampersands in it or not.

I've put my Artisteer site online for you to compare. Excuse me, it's only in Dutch but for the use of Ninja Shadowbox it doesn't really matter :).
Your video is on the frontpage (you've to scroll a bit).

I think the problem has to do with some conflicting by different preloaded scripts.
As far I can see, the scripts for Ninja SB are just partly and not properly loaded.
I also see an JQuery error related to Ninja SB, this is caused by JCE Mediabox and JT Slideshow (and may be other extensions) are making use of the same library which could be conflicting and that's why I suggest to change the Ninja SB library to Dojo or temporarily disable JCE Mediabox and JT Slideshow.

I will try to test what's happening when I install JCE Mediabxox or/and JT Slideshow.
Oh...the border (that you don't want surrounding the preview) is probably created
by the image's css style regarding the 'block' defenition.
Just add border: none; to the style tag.

And like Mark said it could be an Artisteer issue.

I'll keep you posted.:)
I hope you can make something out of it.
If you still having trouble, please let us know.

Greets ;) ,
John

01 Nov 10

(note: splitting up my post due to code-tags are messing things up)

Hi Emily, Mark,

I did some more tests.
Unfortunately I was again not able to reproduce the issue.
I couldn't find anything that would possibly conflict with Ninja Shadowbox.

I've got both Ninja SB and JCE Mediabox running together on my Artisteer Template.
I've also installed JT Slideshow and all behaved normal.
All 3 extensions are running in their default mode.

Disabling plugin 'System - Mootools Upgrade' didn't make any difference.
Changing the Library from 'JQuery' to 'Dojo' within Ninja SB module settings, also didn't make any difference.

@ Emily

I'm sorry but I'm out of ideas on this.

The only thing I can suggest at the moment is to check the following:

Settings related to Ninja Shadowbox



<p><strong>Skills and Drills for Girls</strong></p>

<p><a href="http://www.youtube.com/v/Jy9lwQuLjvk&amp;amp;autoplay=1" 

title="How to Catch" rel="shadowbox;width=640;height=480;">

<img src="http://img.youtube.com/vi/Jy9lwQuLjvk/0.jpg" border="0" 

width="165" height="125" style="display: block; margin-left: auto; 

margin-right: auto; border: 0;" /></a></p>

Read more in next reply >>

01 Nov 10

(note: splitting up my post due to code-tags are messing things up)

Settings related to JCE Mediabox



<p><strong>Skills and Drills for Girls</strong></p>

<p><a class="jcepopup" href="http://www.youtube.com/v/Jy9lwQuLjvk&amp;amp;autoplay=1" title="How to Catch">

<img src="http://img.youtube.com/vi/Jy9lwQuLjvk/0.jpg" border="0" 

width="165" height="125" style="display: block; 

margin-left: auto; margin-right: auto; border: 0;" /></a></p>

read more in next reply >>

01 Nov 10

(note: splitting up my post due to code-tags are messing things up)

JT Slideshow

Try out the JQuery option to avoid possible conflicts.

You can consider to reinstall Ninja Shadowbox and uninstall JCE Mediabox just to see if things are changing.
Since the scripts needed for Ninja Shadowbox are not fully loaded the last time I've checked your site.
Like Mark suggested try to use only one extension if it's for the same purpose, just to avoid conflicts or/and minor issue's.

Please take careful note of how Ninja SB and JCE Mediabox are activated by their relevant code:

-Ninja SB needs the rel="shadowbox" tag
-JCE MB needs the class="jcepopup" tag

(compare both codes in last posts)

If you still having trouble, you can consider to give one of the Ninja's (or me if you like) Super Admin access.
This will be a lot more efficient to resolve things or check out what the issue could be.

I hope it helps you out ;)

Greets,
John

End of message

Hi Emily,

I was just wondering how things go :)

I was just looking at your site a few minutes ago and saw you've managed to make Ninja Shadowbox work. Good job!
I've noticed that all scripts needed for Ninja Shadowbox were correctly loaded.

But...
I've also noticed that I got both the Ninja SB and Jce MB were activated at the same time when clicking a preview image of the youtube video's.

I'm not sure you're aware of this.
To avoid this you can try the following:

-deactivate/uninstall Jce MediaBox
-use only one tag within the linking code related to either Ninja SB or Jce MB. Not both tags (like I described in the recent previous posts).
-or check this setting (in case you want to use both Ninja SB & Jce MB)in your Jce MB plugin settings (also don't use both tags in the linking code), see screenshot:

note: this setting causes to run Ninja Shadowbox apart from jce MB, if link includes rel="shadowbox".

Let us now how it goes.
Just out of curiosity, please could you tell us what you did to make Ninja Shadowbox work?
If you have any further questions, please do ask ;)

Greets,
John

Hi John,
Thank you so much for checking up. I wanted to post my findings but I haven't really had enough time to finish yet - my internet went down and I got moved away to another part of the project. Yeah, I know I have both JCE & SB on - still trying to figure out how to post those Village videos. I will let you know what I end up doing. Thank you again for all your help. :-)
Emily

Hi John,
I've done more testing and things are not looking up. Here are the issues:
1. I am really disappointed that I cannot display you tube videos from Expert Village using either JCE Media Box or Ninja Shadow box.
2. I am also very concerned that a Youtube video that was working in JCE MediaBox before, now will not work in either SB or JCE MediaBox. I'd tried it with JCE MediaBox with SB disabled; and with SB on and MediaBox off. The youtube link is here: http://www.youtube.com/watch?v=HIEqKpCv_tE&feature=player_embedded.
I think if you don't mind, I can give you access to the backend as superadmin and see if you can figure something out. Thank you.
Emily

@Emily,

The real test is whether the video will play when you just embed it directly in your page, rather than using Shadowbox or Mediabox.

Thanks,
Mark

Hi Mark, You're right. I cannot get the video to play by just embedding it into an article (using the extension youtubeembed). But I was able to get to play before, honest. I am baffled.

Is there a work-around to that issue?

Thanks,
Emily

Hi Emily,

Mark is right about this.
If the video won't play directly from your page there's something else going on that has nothing to do with Ninja SB or Jce MB.

Often applications that play video's from websites are based on flash.
Flash can be a real pain to Joomla, occasionally.

Regarding the Expert Village video's won't play has to do with their public server restrictions.

Super Admin access would be fine to check things out and give issue's a closer look.
If you like you can send your account details to:

support at ninjaforge dot com. The ninja's will have access and get to it asap.

Or to me:

john at cquence-multimedia dot nl. I'll get to it asap.

Thanks for your response ;)

Greets,
John

Yup, I suspect the owner of the video simply blocked external embedding.. this is an option available to anyone who has a video posted on youtube.

I will check with the owner with that question. Thank you!

Hi eguido,

While you can do that, it isn't really necessary, because if the owner has blocked external embedding, this will be mentioned in the youtube block when you embed it... youtube always explains this when it happens.

Can you post a screenshot of what you see when you embed the videos?

Mark

Hi Mark,

You are right. I loaded up another video and it's working fine both in SB & MediaBox. You can see them in this link: https://thousandoakslacrosse.com/girls.html; on the right & left side modules.

I think both extensions are working fine. It's the videos that are giving me the grief. I did make the adjustments John suggested in the Mediabox plugin & set SB query to Dojo. I like the SB look better so I will use that extensions.

I think it's all good. Thank you for all your troubleshooting.

And thank you John for all your help as well.:)
:)

Best,

Emily

Hi Emily,

Great to hear you've finally managed it to get it right!
I've checked it out and all looks fine.
I'm really happy for you :)

*whisper* If I were you I would choose Ninja Shadowbox...it can do fantastic things and looks very very nice too :silly:

If you need any help in the future let us know ;)

Thanks for your reports on this.
Thanks Mark, for your sharp support, true Ninja!

Greets,
John

Glad to help Emily. Thanks for excellent input, John.

Hi Mark & John,

Sorry, I'd thought I was done! But now one of the modules is not showing up on the FE properly.

I have checked over and over and over to make sure SB is enabled on the front & girls pages. But the module 'Video Links' on the right sidebar is not showing up on the right sidebar, but rather on the bottom of the front page (using Ninja Shadowbox). I know the right sidebar used to work prior to turning that module off because it was using JCE MediaBox. How do I get it back up the proper position?

I am glad to report that the 'Girls Instructional Videos' module is working nicely on the 'Girls' page.

Here's the link to the site: https://www.thousandoakslacrosse.com/
I have e-mailed you the superadmin info earlier today if you would like to look at the backend. I have also attached part of the Module Manager. Sorry the image is too wide to be attached.

Thank you!

Emily

Shadowbox works for me on the frontpage. See attached.

Hi Mark,
I'd just realized that SB is working. However, the module is not the proper position where I wanted to be - right sidebar. That's my trouble right now.
Thanks,
Emily

Ahh ok.

This has nothing to do with Ninja Shadowbox. Please create a new thread in the general forum and maybe we can help there.

Thanks,
Mark