Video popup with shading effect

Erol / 2010-09-15 17:52:07   

Hello,

I would like to know if it is possible to create a link that launch a popup with a video within. While the popup is launched, the rest of the browser windows would turn dark, shady.

Like this web site http://www.danielarsham.com/index.php?/project/on-paper/

but with video and dark shade insted of white shade.

Thanks a lot !

Vaska A / 2010-09-15 23:36:32   

I'm not sure of the name of the javascript utility that can do this - sadly most of these thickbox things can't. We're working on something though (for the future).

beam / 2010-09-16 11:10:14   

try this, http://www.wobbleweb.net/

micah11 / 2011-02-07 15:34:57   

hey vaska is there an update for this? or any video gallery solution that is being created?

I have been looking all throughout here sorry in advance if this is a bad comment

Vaska A / 2011-02-07 18:28:09   

Yes, a video solution is currently being created. But I doubt it will have shadows...

micah11 / 2011-02-07 23:38:39   

Hey Vaska, is that solution going to be a plugin that works with the built in backend structure of the indexhibit options? I am sure people could live without the shadows. look forward to it.

do other people have video gallery solutions?

blameme / 2011-02-08 03:32:14   

Hey micah, did you listen to beam and visit http://www.wobbleweb.net/? there you can download the wobblebox files, it´s essentially the same as the thickbox plugin (used on http://www.danielarsham.com) but supports video.

If you want to change the "shade" from white to black or any other colour, it´s a simple css edit. That´s the same for all lightbox scripts.

micah11 / 2011-02-08 20:58:35   

Hi Blameme,

I think I did see that post way back in the forum. I dismissed it because I didn't see an example with video. I will have to try it out knowing that it supports it.

micah11 / 2011-02-08 22:23:17   

Hey Blameme or anyone else, would you mind helping me with step 4.

  1. --where do I enter...
  2. $go[media_class]
  3. $go[media_headline]
  4. $go[media_description]
  5. $go[media_toggle1] -> value is 0 or 1
  6. $go[media_toggle2] -> value is 0 or 1
  7. --common sense tells me I should put it right below 
  8. $exhibit['lib_css'] = 'jquery.thickbox.css';
  9. $exhibit['lib_js'] = array('jquery.thickbox.js');
  10. $exhibit['dyn_js'] = "var loadingAnim = '" . BASEURL . "/';";
  11. $exhibit['dyn_css'] = dynamicCSS();
  12. $exhibit['exhibit'] = createExhibit();
  1. --what is an example of something to enter into *do something* I am sorry I dont know php.  
  2. foreach ($pages as $go)
  3.     if ($go['media_toggle1'] == 1) { /* do something */ }
  4. Also I have no idea how to  finish the code here...
$a .= "..." // etc...

$i++;
}

--I am getting errors that obviously are occurring because of the div tags but I dont know the solution.

sorry for my lack of knowledge I will try to figure it out though!

thanks - Micah

blameme / 2011-02-09 03:14:26   

Hi, what are you trying to do? you can just replace the content of the thickbox plugin files with the wobblebox files and it should work.

micah11 / 2011-02-11 01:05:15   

I am trying to follow the steps, but I can preform the last one.

blameme / 2011-02-11 03:11:11   

Hey I think you got a bit confused? I´m not sure what you´re trying to do but you don´t need to edit that code for normal use.

do like this:
1. Make sure you have the thickbox plugin installed.

2. Via FTP open the 3 files related to thickbox in your text editor, they are:
www.danielarsham.com/ndxz-studio/site/js/jquery.thickbox.js
www.danielarsham.com/ndxz-studio/site/js/jquery.js
www.danielarsham.com/ndxz-studio/site/css/jquery.thickbox.css

3. Go to http://wobbleweb.net/wobblebox/jquery.thickbox.js copy the code, and use it to replace your own jquery.thickbox.js

4.Go to http://code.jquery.com/jquery-1.4.2.min.js copy the code, and use it to replace your own jquery.js

5.Go to http://wobbleweb.net/wobblebox/jquery.thickbox.css copy the code, and use it to replace your own jquery.thickbox.css

6. Save all files back to the server

7. Good to go.

micah11 / 2011-02-11 12:20:16   

ok I see, I was following the wrong directions, thank you. now I need to figure how to get the video to work with it...

This thread has been closed, thank you.