Popup box for images

aw1923 · Member · Jul 6, 2009 at 1:16 am
Copy link

Add topic to favorites
I know people have asked how to have an image in a separate popup box on your wordpress.COM blog so I’ll add how to do it for future reference. you just add class=”thickbox” to the html. The thickbox appearance is customizable but only with the CSS upgrade but this is available for most if not all of the themes here. like this,
<a class=”thickbox” href=”http://sensicology.files.wordpress.com/2009/07/obama-platoon.jpg”><img title=”obama-platoon” src=”http://sensicology.files.wordpress.com/2009/07/obama-platoon.jpg” alt=”obama-platoon” width=”68″ height=”80″ /></a>
I explain more here but it’s pretty much that simple.
happy blogging.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jul 6, 2009 at 1:21 am
Copy link
Oh way cool. Thanks for posting that.
aw1923 · Member · Jul 6, 2009 at 1:35 am
Copy link
np, inspired by Devblog’s newest blog, I noticed he was using sandbox theme & had the popup so I looked in the links and that’s how I know.
thesacredpath · Member · Jul 6, 2009 at 1:41 am
Copy link
I noticed what appears to be curly quotes in that sample, so I’ll post this just incase:

<a class="thickbox" href="http://sensicology.files.wordpress.com/2009/07/obama-platoon.jpg"><img title="obama-platoon" src="http://sensicology.files.wordpress.com/2009/07/obama-platoon.jpg" alt="obama-platoon" width="68" height="80" /></a>
t3ck · Member · Jul 6, 2009 at 1:41 am
Copy link
Very cool but I’m confused do I need the CSS upgrade for it to work ?
aw1923 · Member · Jul 6, 2009 at 1:46 am
Copy link
no, just need it if you want to customize the box appearance. The link I posted to my blog with examples doesn’t have the CSS upgrade.
t3ck · Member · Jul 6, 2009 at 1:51 am
Copy link
Okay thank you.
nclinton · Member · Jul 10, 2009 at 12:13 am
Copy link
Does this work for galleries, somehow? I’m looking at the html view, and all I see is [gallery link="file" columns="4"], not the individual photos.
raincoaster · Member · Jul 10, 2009 at 12:41 am
Copy link
No, it does not.
portfoliosarah · Member · Jul 21, 2009 at 11:43 am
Copy link
Where do I copy my CSS code? Sorry, my English is terrible! I’m working on it. hahahah
bjs. x
1tess · Moderator Emeritus · Jul 21, 2009 at 12:01 pm
Copy link
@portfoliosarah,

No CSS is needed! Just insert image as usual. To the html, add ” class=”thickbox”

<a class="thickbox" href="http://LINK_TO_IMAGE_FILE.jpg"><img class="alignnone" title="TITLE" src="http://LINK_TO_IMAGE_FILE.jpg.jpg?w=150" alt="" width="150" height="112" /></a>

This trick will work only if you are using the social vibe widget in your sidebar.

No items found.