Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: JavascriptCSSHTML
I cannot get any image or .swf to play in my quickbox it just shows the name of the path in black as I typed it. How can I get it to display multimedia?
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <style>
        .black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .white_content {
            display: none;
            position: absolute;
            top: 25%;
            left: 25%;
            width: 50%;
            height: 50%;
            padding: 1px;
            border: 1px solid orange;
            background-color: white;
            z-index:1002;
            overflow: auto;
        }
    </style> </head><body><p>!<a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">here</a></p><div id="light" class="white_content">! <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">X</a></div><div id="fade" class="black_overlay"></div></body></html><script language="javascript">
</script>
Posted 11-May-12 17:27pm
Comments
Sandeep Mewara at 12-May-12 3:56am
   
What is Quickbox here?
infamousbreed at 13-May-12 0:05am
   
Take a look-&gt; http://www.emanueleferonato.com/2007/08/22/create-a-lightbox-effect-only-with-css-no-javascript-needed/#comments but ive resolved this issue now by just opening an iframe and showing whatever i want in it.
Sandeep Mewara at 13-May-12 1:10am
   
You say, whatever problem you had/asked here is now resolved?
infamousbreed at 13-May-12 7:38am
   
Well sort of. i dont know why that was happening nor how to fix it, but i worked around it by just forcing it to show by inserting an iframe. but i havent learnt anything from anyone thats all.
kishore0522 at 13-May-12 23:09pm
   
I Tried To Do But It Was Showing AN Error In Opacity can you say me about that and try it again by commenting the display options for both as it was none.Try Keeping it Block So That It Will Show Your Result When Clicking On It

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Well below is my solution:
 
<p><a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">!</a></p>
<div style="display: block;" id="light" class="white_content"> <span style="z-index: 2; left: -49px; top: -16px; position: absolute;"><iframe name="I2" src="flash8/inlineled.html" frameborder="0" height="84" scrolling="no" width="621">Your
 
browser does not
 
support inline frames or is currently configured
 
not to display inline frames.</iframe></span> <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"></a></div>
 
<script language="javascript&lt;</script">
</body></html>
Now i can drop anything inside and play it.
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 Sergey Alexandrovich Kryukov 696
1 OriginalGriff 478
2 Tadit Dash 400
3 sanket saxena 337
4 Peter Leow 228
0 Sergey Alexandrovich Kryukov 11,890
1 OriginalGriff 7,335
2 Peter Leow 5,003
3 Abhinav S 3,943
4 Maciej Los 3,575


Advertise | Privacy | Mobile
Web01 | 2.8.140421.2 | Last Updated 14 May 2012
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Use
Layout: fixed | fluid