No image showing in my Quickbox

Question

0.00/5 (No votes)

See more:

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?

XML

<!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

infamousbreed

Add a Solution

Comments

Sandeep Mewara 12-May-12 3:56am

What is Quickbox here?

infamousbreed 13-May-12 0:05am

Take a look-> 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 13-May-12 1:10am

You say, whatever problem you had/asked here is now resolved?

infamousbreed 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 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

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

infamousbreed · Answer 1 · 2012-05-13T23:47:00

Well below is my solution:

XML

<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.