Hi,

I am having an issue using colorbox with inline content. Regardless of how I structure the URL colorobox Loads a duplicate of the sites theme inside the box without an iframe.

I read and re-read the README and structured my HTML as:

<p><a href="?width=700&height=400&inline=true&#artist-info" class="colorbox-load">meet the artist</a></p>
<div style="display: none;">
    <div id="artist-info">
        <p>blah blah</p>
    </div>
</div>

Yet colorbox will not load my DIV - it only loads a duplicate of the site (almost as if it's framing it in), see screenshot.

Any advice would be greatly appreciated.

Bret

CommentFileSizeAuthor
Screen shot 2011-07-21 at 10.57.20 AM.png231.44 KBbretglassett

Comments

bretglassett’s picture

bretglassett commented

Note: I have both "Enable Colorbox load" and "Enable Colorbox inline" checked in the extra settings.

frjo’s picture

frjo commented

I found two errors in your code. After fixing them the code works well for me.

Errors:

* The class need to be "colorbox-inline" for inline function.
* There should not be an ampersand before the fragment "#artist-info".

<p><a href="?width=700&height=400&inline=true#artist-info" class="colorbox-inline">meet the artist</a></p>
<div style="display: none;">
    <div id="artist-info">
        <p>blah blah</p>
    </div>
</div>
bretglassett’s picture

bretglassett commented
Status: Active » Closed (fixed)

Ah, thank you very much.

Bret