Thickbox

akokskis · 2006-06-08 16:58:02

Ok, so I’m working on this plugin, and I’m kind of wondering what exactly is it that you, the people, want from this, in terms of txp integration? Maybe I’m just being slow and dumb today, but uhm, just throw me in the right direction. (Wow this is embarassing.)

ramanan · 2006-06-08 17:48:20

Actually, using ThickBox for doing login’s is pretty smart. I first saw it being done at Reddit. That’s a good idea.

photonomad · 2006-06-08 19:38:22

I would love use use a thickbox plugin for an image gallery — something like what Bastian did with lightbox. It would be great to include multi-line captions — utilize the txp image caption and title fields. I’m not sure if that is possible.. but it would be great if it is!

Thanks!

Algaris · 2006-06-08 20:53:44

Just a few thoughts.

I too would be interested in using thickbox to produce a gallery. Could you integrate it somehow with Textpatterns image uploader, so that you can pull images, categories, titles, and captions, etc from it into a thickbox pop up, and format them with CSS? I would also like options to set the size of the image with tags, so that it could either be set to a fixed dimension or fit to a certain percentage of the browser window. This way if I wish I can upload high res files, and not have to worry about the images being too large for other people to view.

How about having tags to open textpattern forms / articles in thickbox pop ups when clicking on a hyperlink, so that for instance you could hide your comment form until a link is clicked or a login form for the ign_password_protect plug-in.

I would also be interested in somehow being able to insert shockwave content into a thickbox pop up (may be this could be done with a thickbox form pop up or article).

That’s all I can think of at the moment. I’m sure there will be more after I’ve slept on it.

Last edited by Algaris (2006-06-09 10:58:51)

lee · 2006-06-08 21:34:41

For me it means being able to assign the contents of a form or article to a thickbox and to invoke it via a link or graphic.

Last edited by lee (2006-06-08 21:35:03)

Algaris · 2006-06-10 15:20:55

Just something I thought of. Would it be possible to integrate the Thickbox plug-in to uploaded files (in a similar way to how I suggested with images), so that you could open files in a Thickbox pop up (such as text documents, flash/shockwave movies, PDFs etc) from a hyperlink?

erissiva · 2006-07-02 19:56:32

I agree with photonomad’s idea. I would love to see this have similar functionality to the bas_lightbox plugin – aka, you could put
<code>
<txp:ako_thickbox_header /></code> in the header to include all necessary .JS files and use a <code><txp:ako_thickbox img=”##”></code> tag to insert the thumbnail which becomes clickalicious.

Any headway in this? I tried slapping one together myself and failed horribly.

jakob · 2006-07-02 20:48:20

If it’s just for an image gallery, it is really so very easy to implement that it hardly merits a plug-in.

1. In the head add:
<code>
<script src=“js/jquery.js” type=“text/javascript”></script>
<script src=“js/thickbox.js” type=“text/javascript”></script>
</code>
and stick your jquery.js and thickbox.js into a directory called “js” (or wherever you want).

2. Add the thickbox specific css to your css file.

3. Output your thumbs with whichever way you prefer (cat gallery plug-in/article thumbs) and link them to the main image adding class=“thickbox” and the title=“image caption” or “alttext”.

The most recent version of thickbox auto-resizes images larger than the page. Cody writes that a new version is due out soon. Maybe that clears up the problem of files with uppercase extensions, i.e. make sure your files are called .jpg and not .JPG.

erissiva · 2006-07-02 22:52:02

jakob – Actually, I tried doing that earlier today. It’s a wee bit harder than just that.
I had to go back and remap all the images in my TXP posts to work with thickbox rather than the bas_lightbox plugin. Then, the thickbox JS wasn’t loading for some reason. Have to figure out why.

The way I was doing it before was simply <code><txp:bas_lightbox img=”#”></code> and it would automatically post the thumbnail with all the classes for lightbox already in place. The thickbox way takes longer manually…Although I am pretty lazy.

I’ll keep puttering away and see if I can do a quicker hack for the time being.

jakob · 2006-07-03 08:13:03

erissiva, your js loading problem is probably a matter of getting the path right: I’m not sure how your setup is, but if you put your js files in the folder js in your root directory, i.e. www.mysite.com/js/ then all you need to add is a slash in front of the src link above: script src =”/js/jquery.js” …

I’ve not tried bas_lightbox plug-in but I’m sure the set up is similar as the generated links are principally very similar:

thickbox: use class="thickbox" title="caption"
lightbox: use rel="lightbox" title="caption"

Some of the things asked for above would have to be features of thickbox and therefore outside of the scope of a plug-in:

long descriptions – you’ll have to pass both image alt and caption into the title="alt-text-followed by caption" field as that is what thickbox uses. I don’t think it passes any other information other than class and title. I don’t think line breaks within the title field will work there.
swf’s: look in the comments on the thickbox page. I think there’s a complex description of including flash inside of several div’s to get that to work. Sorry, I’ve forgotten where, though – it might be on the lightbox comments.
comment form etc. There’s a new alternative script called ibox, which I hasten to add I’ve not yet investigated further, but… it does allow overlay of inline div content which you have set to display:none normally. That would make things like comment forms a whole lot easier as you would not have to separate that bit out into a separate page. I don’t know if it does everything that thickbox does. ibox does not use jquery.
there’s a workaround for the upper-lowercase file extension problem on the ibox page that might also work with thickbox? (comment from jul 3) (and also a suggestion on the thickbox page)
finally, cody has indicated that another update to thickbox is imminent.

erissiva · 2006-07-03 09:12:04

jakob – Actually, thanks so much for your help. The tidbit about paths led me to discover 3 errors that were preventing it from loading. ^_
Fixed them all.

But, on a similar note, do you know of a way to automatically insert the ‘alt’ or ‘title’ variable into a post? Like a variable that I could type to have it display?

Edit: I hacked ‘bas_image_selector’ a bit to give me an easy way to insert links. ^_ Works like a charm, except I don’t how to automatically pull the ‘Description’ data from the database through ‘bas_image_selector’. The plugin already pulls the image titles – I just don’t know how to get it to pull the descriptions too.
But the current hack makes the images insert like this:
<code>
<a href=”(automatically pulls path)” title=”“ class=“thickbox”><img src=”(automatically pulls path for thumbnail data IF thumbnail exists)” style=“width:(autoinserted)px;height:(autoinserted)px;” alt=“Automatically pulls image title” /></a>
</code>

It’s pretty darn close to being perfect. ^_

Last edited by erissiva (2006-07-03 09:47:11)

jakob · 2006-07-03 15:30:09

bastian’s site is not responding just at the moment so I can’t take a look at the plug-ins source, but I would think the method for title=”“ would be analog to what you’re using for alt=”“ except using the caption variable instead of the alt variable.

I looked in txp’s own files (taghandlers.php and txp_image.php) and in bastian’s lightbox plug-in (which I had on my HD) it seems the variables are called $alt and $caption. If you have no luck, it may be that the caption is not being read out of the database, in which case check for a safe_row function somewhere above where your html is being output and check that $caption is also on of the variables being read out of the database.

You could probably add an option to bas_lightbox via an attribute such as thickbox=“1” to build the head using the other js-files and the image links using alternative output with class=“thickbox” instead of rel=“lightbox”.

teepee62 · 2006-10-24 22:07:12

has anyone ever tried making a thickbox chain? I am seeking help with linking one thickbox to another.
I have the thickbox up and running and I’ve established the link but the second thickbox won’t format.
I’m guessing I may have to customize some java from the plugin but I’m not sure.
I’m new to this form so I hope I’ve posted in the correct thread. Thanks in advance for any help.

FPImages · 2007-03-15 22:34:49

Hello everybody! Love thickbox.
Just one small problem
I included html tags (links and br )into the title and the thickbox height is wrong (shorter…) in Firefox.

Any ideas?

http://www.featurepics.com/Thickbox/Image-Gallery.aspx

IE – just perfect!

davidoleski · 2008-10-30 02:26:17

Which part of Lightbox am I not understanding? I’ve been slugging my way through one thing after another, every plugin goes snap pop and works, for some reason Lightbox isn’t even beginning to do anything. What does this first line mean, “Please <txp:bas_lightbox_head /> into your sites head, this tag will add all script and css to your site.” Does it mean the page template? Why is nothing working? I’m going through one forum after another, everyone is tweaking details of a working platform, but I can’t get things to even start.

Yes, I have almost no idea what I’m doing in some things, in other things I actually do quite well.

Textpattern CMS

Textpattern CMS support forum

#16 2006-06-08 16:58:02

Re: Thickbox

#17 2006-06-08 17:48:20

Re: Thickbox

#18 2006-06-08 19:38:22

Re: Thickbox

#19 2006-06-08 20:53:44

Re: Thickbox

#20 2006-06-08 21:34:41

Re: Thickbox

#21 2006-06-10 15:20:55

Re: Thickbox

#22 2006-07-02 19:56:32

Re: Thickbox

#23 2006-07-02 20:48:20

Re: Thickbox

#24 2006-07-02 22:52:02

Re: Thickbox

#25 2006-07-03 08:13:03

Re: Thickbox

#26 2006-07-03 09:12:04

Re: Thickbox

#27 2006-07-03 15:30:09

Re: Thickbox

#28 2006-10-24 22:07:12

Re: Thickbox

#29 2007-03-15 22:34:49

Re: Thickbox

#30 2008-10-30 02:26:17

Re: Thickbox

Board footer