
just want to share this cool Media Viewer, hope you like this 
what is Shadowbox?
Shadowbox is a cross-browser, cross-platform, cleanly-coded and fully-documented overlay media viewer application. Supported images, flash, multimedia, html and ajax page. Shadowbox is cross-adapter, means it was built with support to different javascript framework to run with such as: Yahoo! User Interface Library, Ext (standalone), Prototype + Scriptaculous, jQuery, MooTools.
just download this files ![]()
Shadowbox.css
Shadowbox.js w/ mootoolsAdapter.js
then paste this on your js extension ![]()
Asset.css('Shadowbox.css link here');
window.addEvent('domready', function() {
document.getElements('img', 'html', 'iframe', 'qt', 'swf').each(function(e){e.getParent().rel='Shadowbox';e.getParent().href=e.src});
Asset.javascript('Shadowbo.js w/ mootoolsAdapter.js link here');
});
window.addEvent('domready', function() {onPageLoad()});
window.onload = function(){
Shadowbox.init();
};
note
it will trigger any images, like friends, groups, fan of, photo gallery,
comments, post comments etc. 
heres some ex. of plain html code 
for Youtube ![]()
for swf ![]()
for qt or QuickTime ![]()
for image, html, php, htm or any link ![]()
modify on the codes (for eg. using it as addbox, controlpanel buttons etc.)
don't forget to change
" into
\" 
note
You can combined those codes if you want 
you can also change the
Name Here into image like thumbnail 
for eg. ![]()
<img src="image Link Here">
don't forget to change
" into
\"
for slide gallery, just refer to my code ![]()
i just combined it 
just edit those bold parts
and paste it to your js file 
note
you can add more in that slide, you can also make it a plain, for eg. a plain for images 
slide screenshot ![]()

just modify on the script by adding rel=\" shadowbox\" attributes 
preview
Click Everything
(click all cp buttons, Post a Comment | View All, all images etc.)
credits ![]()
Shadowbox.js
Michael J. I. Jackson
Last edited by simpleMe (2008-11-21 02:37:55)

i can't see the fs profile for preview. 
but anyways this is a cool trick. i wonder if putting a video on an addbox will work?
the addbox and the video i clipped on my external js file didnt worked.
the cbox, the tracker already showed except for the vid.
-Offline- |

but how about only comment box?

roshwill wrote:
i can't see the fs profile for preview.
really? view it again just refresh if you can't see it 
roshwill wrote:
the addbox and the video i clipped on my external js file didnt worked.
the cbox, the tracker already showed except for the vid.
make sure you edit those
" into
\"
mhedge wrote:
but how about only comment box?
it will also triggered dude 
Last edited by simpleMe (2008-08-31 05:35:58)

wow... nc trick again mah bro...
u deserved a green.. ![]()

-Offline- |

here comes the brightest..mootols..
nice one..thanks simple..
-Offline- |

Yellow Flash wrote:
wow... nc trick again mah bro...
u deserved a green..
thanks for your comment & +repu bro 
![]()
lordheinz wrote:
here comes the brightest..mootols..
nice one..thanks simple..
thanks LH 
![]()
Last edited by simpleMe (2008-08-31 05:42:57)

wow this is what im waiting for!!
u deserve a +repyu.. 

wow... nice one.. ur back.


@ offtopic: oww i didint know that michael jackson is good in scripting...
just kiddin..i just saw your credits..
different MJ..
very cool trick buddy...let me try this one..
hey heres a green for you...![]()
Last edited by lordheinz (2008-08-31 07:17:54)
-Offline- |

cool!!
ill use this sir
tnx for sharing!
-Offline- |

another cool one ..
this might help :
#navigation , #mainnav ul{
z-index: 0 !important;
}
so that the main nav will also be darkened when the shadowbox is activated..
@ts:
1 4 u .. 

wee tax got another cool tweaks.. on favor tax pls..
make a tricks that i can u as a premade code that user need not to edit anymore
like ur cursor tooltips i been using it ever since...
muahhss 


i tried this :
window.onload = function(){
Shadowbox.init();
Shadowbox.open({
player: 'iframe',
content: 'http://www.youtube.com/v/EkHTsc9PU2A&hl=en&fs=1&autoplay=1',
height: 340,
width: 405,
title: 'Jason Mraz - Im yours'
});
};
i tried to load a shadow box as soon as the page is loaded but it didnt work . how can i do this ? 
Last edited by darylldelfin (2008-09-01 06:05:45)

wow,, another trick from my idol
![]()
thanks 4 da share bro.
Hit da 

@darylldelfin
what you mean?
you want to autoplay shadowbox when opening your page?
Last edited by saiEmo (2008-09-01 06:21:03)
-Offline- |

saiEmo wrote:
what you mean?
you want to autoplay shadowbox when opening your page?
i kinda sort of like to pop up a welcome message/box using shadowbox not just an alert ..
but i cant seem to do it .. 
Last edited by darylldelfin (2008-09-01 06:22:37)

darylldelfin wrote:
i tried this :
window.onload = function(){
Shadowbox.init();
Shadowbox.open({
player: 'iframe',
content: 'http://www.youtube.com/v/EkHTsc9PU2A&hl=en&fs=1&autoplay=1',
height: 340,
width: 405,
title: 'Jason Mraz - Im yours'
});
};
i tried to load a shadow box as soon as the page is loaded but it didnt work . how can i do this ?
haven't tried it 
but you can try this ![]()
window.onload = function container(url) {
Shadowbox.init();
Shadowbox.open(
{
content: 'http://www.youtube.com/v/EkHTsc9PU2A&hl=en&fs=1&autoplay=1',
player: 'iframe',
height: '340',
width: '405',
title: 'Jason Mraz - Im yours',
},
{
enableKeys:false
}
);
(function(){new Request.iframe({update: $('shadowbox_content'), evalScripts:true}).get(url);});
return true;
}
^ still didnt work ..
same happened .. shadowbox activated but didnt display any content ..
and the trick didnt work for ie ..
anyway thanks .. i hope i can find some solutions .. 
window.addEvent('domready', function() {
document.getElements('img', 'html', 'iframe', 'qt', 'swf').each(function(e){e.getParent().rel='Shadowbox';e.getParent().href=e.src});
Asset.javascript('Shadowbo.js w/ mootools.js link here');
});
window.addEvent('domready', function() {onProfileLoad()});
window.onload = function(){
Shadowbox.init();
};
-Offline- |