jmd_img_selector: Thickbox-style image selector

renobird · 2008-06-17 22:38:15

You = Rule.

)

jm · 2008-06-17 22:59:08

Ah what the heck, here’s 0.2a. It’s probably buggier and the CSS and JS aren’t done, so it’s definitely an alpha release.

SebastianS · 2008-06-18 11:38:03

Hi the plugin (0.2a) will be very useful . I realise it is an Alpha.

In Opera 9.5, using the image selector, I can select images to Advanced Options/Article Image.
I am unable to make them appear in the Content/ Write page.
What TXP code do I need to be able to make images appear in the Content/Write page?

The plugin works fine in Opera 9.5 and Firefox 3.
In IE7 and 8 Beta it does not. The image selector has all the images active and cannot be clicked on, and cannot scroll down to Add image.

I get a
Error
thickbox.css was not found.
thickbox.js was not found.
jmd_img_selector preferences in the extensions menu.

The jmd_img_selector CSS file appears in the Style Tab.

Last edited by SebastianS (2008-06-18 11:38:51)

mrdale · 2008-06-18 17:36:03

Sparkling, Jim.

I also get the “not found” business although it works. I also hacked the css successfully to put the name on the right side.

Other than that, alles gute.

utamu · 2008-06-18 17:48:30

I’m using firefox and haven’t been able to get it to work properly yet – when I click “Insert Image” under the Write tab it takes me to a page with the images (no lightbox effect) but after I select and image and click “Add Image” nothing happens.

Thanks for your hard work though :) this is a great plug-in and I can’t wait until it’s stable…

Last edited by utamu (2008-06-18 17:49:22)

mrdale · 2008-06-18 17:58:21

One More thing… This is pretty sluggish for lots of images, why not use the thumbs? or allow that to be an “admin” option.

utamu · 2008-06-18 18:05:52

utamu wrote:

I’m using firefox and haven’t been able to get it to work properly yet – when I click “Insert Image” under the Write tab it takes me to a page with the images (no lightbox effect) but after I select and image and click “Add Image” nothing happens.

Ahh.. so I disabled the editor toggle in the hak_tinymce preferences and the lightbox effect started working..

Last edited by utamu (2008-06-18 18:06:05)

jm · 2008-06-18 18:17:32

mrdale wrote:

One More thing… This is pretty sluggish for lots of images, why not use the thumbs? or allow that to be an “admin” option.

Er…Cause I removed that during testing and forgot to add it back in :).

I’ll ditch (or fix) the file-presence checking I had – it just runs file_exists('http://example.com/thickboxDi/thickbox.css|js'). Works locally :P.

Thanks for the IE heads-up SebastianS. I’ve only tested in Firefox 3 and Safari 3., but I kinda expected IE would barf :).

utamu, I haven’t used hak_tinymce, but I’ll see what’s going on. My plugin only inserts a header-link with JS, so it should work.

masa · 2008-06-18 18:47:48

Hi jm,

I must say, this is a fabulous plugin. Have been using the 0.1 version without problems, but I don’t have loads of images in any category.

This has been a very delightful “plugin birth experience”: someone suggests a long overdue feature, others chip in, a developer (yourself) gets on the case and voilà, we have a working solution within a couple of days!

Perhaps we could pull that off more often in the future?! :-)

Regarding the other insertion options, I was wondering whether that could be a toggle switch right within the image picker’s lightbox window. The reason is that I usually don’t grant users permission to access the admin area except for changing their passwords. They wouldn’t be able to enable the advanced options, if they were only available in the plugin’s preferences.

mrdale · 2008-06-19 04:35:11

jm wrote:

mrdale wrote:
Er…Cause I removed that during testing and forgot to add it back in :).

excellent! that should be much more zippy. Great work sir.

I should also clarify what the hell I was talking about here What I WAS getting at was some kind of persistant indicator for the first few associated images on that article’s write screen.

Maybe fit three across right underneath the image selector. Just an idea.

renobird · 2008-06-19 13:34:53

masa wrote:

This has been a very delightful “plugin birth experience”: someone suggests a long overdue feature, others chip in, a developer (yourself) gets on the case and voilà, we have a working solution within a couple of days!

Amen.

jm,
I still got some cash comin’ atcha soon.
This thing is sweet!

jm · 2008-06-26 05:37:35

I’ve got a new version almost ready – just a few more bugs to go (hurry monkeys, hurry!). I abandoned the Thickbox-iframe because it was just too slow in Firefox. The new version still uses a modal window, but the content is pulled in via Ajax, so it feels a lot faster (esp. with scrolling). It should solve the Firefox-freakout :).

Here’s a quick preview – I’ve moved the controls to the top of the window, so it’s only the image list that scrolls. The image name is a span, so Firefox doesn’t throw a hissy fit and ramp up to 93% CPU usage.

masa wrote:

Regarding the other insertion options, I was wondering whether that could be a toggle switch right within the image picker’s lightbox window. The reason is that I usually don’t grant users permission to access the admin area except for changing their passwords. They wouldn’t be able to enable the advanced options, if they were only available in the plugin’s preferences.

Should we just do two buttons at the top for body and article image? Or one button, but a checkbox to insert as a body image or article image?

masa · 2008-06-26 10:18:49

It depends.
If you’re going to offer two options – article- and body image – I’d vote for two buttons.
That saves a click and would keep the minimalistic appearance.

Do you feel that a third option – to insert a thumbnail with popup – would complicate things too much?

jm · 2008-06-26 12:10:16

masa wrote:

Do you feel that a third option – to insert a thumbnail with popup – would complicate things too much?

If you can get me a mockup, we’ll see. It’s not hard to add another option, so it’s really just the interface. OK well right now it’s a little more complicated, but once I rewrite a few js functions for body-support, it won’t be :).

What about another select and only one button? options=insert as article image (default), txp:image, and txp:image popup=1. It’s too early to fire up Photoshop, so here’s the ASCII version of my idea:


+------------------------------------------------------------------------------------+
| Category [ root [v]  SomePhoto.jpg       Insert as [ article image [v] (Add image) |

masa · 2008-06-26 13:30:00

jm wrote:

What about another select and only one button? options=insert as article image (default), txp:image, and txp:image popup=1.

That would be great. With article image as the default it’s still just a single click operation which would keep Dale happy :-)
Something like this?

I placed the image name in its own line, so long names wouldn’t make the control area look crammed.

Last edited by masa (2008-06-26 14:35:10)

Textpattern CMS

Textpattern CMS support forum

#16 2008-06-17 22:38:15

Re: jmd_img_selector: Thickbox-style image selector

#17 2008-06-17 22:59:08

Re: jmd_img_selector: Thickbox-style image selector

#18 2008-06-18 11:38:03

Re: jmd_img_selector: Thickbox-style image selector

#19 2008-06-18 17:36:03

Re: jmd_img_selector: Thickbox-style image selector

#20 2008-06-18 17:48:30

Re: jmd_img_selector: Thickbox-style image selector

#21 2008-06-18 17:58:21

Re: jmd_img_selector: Thickbox-style image selector

#22 2008-06-18 18:05:52

Re: jmd_img_selector: Thickbox-style image selector

#23 2008-06-18 18:17:32

Re: jmd_img_selector: Thickbox-style image selector

#24 2008-06-18 18:47:48

Re: jmd_img_selector: Thickbox-style image selector

#25 2008-06-19 04:35:11

Re: jmd_img_selector: Thickbox-style image selector

#26 2008-06-19 13:34:53

Re: jmd_img_selector: Thickbox-style image selector

#27 2008-06-26 05:37:35

Re: jmd_img_selector: Thickbox-style image selector

#28 2008-06-26 10:18:49

Re: jmd_img_selector: Thickbox-style image selector

#29 2008-06-26 12:10:16

Re: jmd_img_selector: Thickbox-style image selector

#30 2008-06-26 13:30:00

Re: jmd_img_selector: Thickbox-style image selector

Board footer