jmd_img_selector: Thickbox-style image selector

maniqui · 2009-11-11 17:18:14

^^ That would be super-power-cool.
The same could be suggested for wet’s wet_quicklink/wet_peex mechanism.

Although most of us love upm_ creatures, it’s time to put old-school pop-ups to rest… don’t you agree?

mrdale · 2009-11-11 18:16:02

maniqui wrote> Although most of us love upm_ creatures, it’s time to put old-school pop-ups to rest… don’t you agree?

“…you might very well think that, I couldn’t possibly comment.”

nabrown78 · 2009-11-12 17:07:11

        $this->images = getRows("select id, name, category, ext, w, h, thumbnail
            from " . safe_pfx('txp_image') . " order by date desc");

Excellent! Makes perfect sense, and makes this plugin even easier to use.

jm · 2009-11-14 21:43:59

mrdale wrote:

jmd, perhaps this has already been suggestified, but I have an idea…

bend this plugin to be a visual associator for files and other articles as well through a designated custom field.

Renobird asked me about doing this for files awhile ago, but I haven’t heard back from him. What do you guys want for the visual part of it? Like a zip icon for zips? I think wet_quicklink has the article part covered though, right?

Gerich · 2009-11-15 23:10:31

I want to change the default “root” category to some specified category, because I have hundreds of images and don’t want they all loading every time.
Also I have certain category “users_images”, and I want the other publishers choose images only from it.
Can you added this option to the options tab?
Thanks.

jmart · 2009-12-28 06:23:41

The ‘insert image’ won’t toggle when i click on it. And I don’t have the tiny mce plugin installed and I’m using php 5. I created the stylesheet upon installation as well. I’m using Firefox 3.5

nabrown78 · 2010-02-01 13:16:16

Hey All, I’m using this plugin with no problems on a couple of sites. Tried installing it on another today, and I get the following error:

Parse error: syntax error, unexpected '(', expecting '}' in /hermes/web05b/b1145/moo.nancym/testing/textpattern/lib/txplib_misc.php(594) : eval()'d code on line 284
The above errors were caused by the plugin:jmd_img_selector

The site is in a subdirectory called ‘testing’, not sure if that is significant.

nabrown78 · 2010-02-02 03:44:18

Solved my own problem! Upgraded from PHP 4 to PHP 5, and the error is gone.

Dragondz · 2010-03-03 13:01:24

Hi

There is a little syntaxe error in the plugin at line 782:

the code :

case 'popup':
            jmdImgSel.insert(jmdImgSel.bodyImg('thumbnail', 'poplink="1"'));
            break;

must become :

case 'popup':
            jmdImgSel.insert(jmdImgSel.bodyImg('thumbnail', ' poplink="1"'));
            break;

Notice the space before poplink=“1”, when it s missing the code inserted into body will not work.

Cheers

Last edited by Dragondz (2010-03-03 13:01:47)

Bloke · 2010-09-27 12:49:40

This is just a courtesy call for anybody installing this plugin on Textpattern 4.3.0. Until jm has a chance to update the plugin officially, you’ll need to edit line 194 of plugin v1.0b2 from:

safe_insert("txp_css", "name='jmd_img_selector', css='" . base64_encode($css) . "'");

to:

safe_insert("txp_css", "name='jmd_img_selector', css='" . doSlash($css) . "'");

If you’re upgrading to 4.3.0, the stylesheet will be updated automatically when you first login, but you should probably edit that line anyway in case the sheet ever goes missing or you delete it and click ‘Create CSS’ on the jmd_img_selector’s tab again.

Gerich · 2010-10-04 17:25:18

Is it possible to make that other registered users in txp can see and select only they own images and not the others authors?
Maybe somebody know, what code I need to add in the plugin.

maruchan · 2011-03-15 18:46:34

Just a general note for anyone using this plugin in v. 4.3:

After I activated it and created the stylesheet, it wasn’t working correctly — the CSS wasn’t being applied. I edited the plugin’s encoded stylesheet, deleted all the base64 junk, and put this into its place:

#jmdImgSel_overlay
{
    background: #000;
    height: 100%;
    opacity: 0.8;
    /*ie*/
    filter: alpha(opacity=80);
    position: fixed;
    top: 0;
    width: 100%;
}

#jmdImgSel_modal, #jmdImgSel_modal *
{
    margin: 0;
    padding: 0;
}

#jmdImgSel_modal
{
    background: #fff;
    position: absolute;
    top: 35px;
}

#jmdImgSel_close
{
    background: #000;
    border: 3px solid #fff;
    -moz-border-radius: 1.1em;
    -webkit-border-radius: 1.1em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 3px 3px;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    left: -20px;
    padding: 0.25em 0.55em;
    position: absolute;
    text-decoration: none;
    top: -20px;
}

#jmdImgSel_controls
{
    background: #eee;
    margin: 0 0 8px;
    padding: 5px 10px 5px;
    /*ie*/
    zoom: 1;
}
    #jmdImgSel_controls:after
    {
        clear: both;
        content: '.';
        display: block;
        height: 0;
        visibility: hidden;
    }
    #jmdImgSel_controls button
    {
        float: right;
        font-size: 100%;
        padding: 0 0.5em;
    }

#jmdImgSel_options
{
    float: left;
    width: 85%;
}
    /*lazy way of targeting the two labels.*/
    #jmdImgSel_options label
    {
        float: right;
    }
    #jmdImgSel_options label:first-child
    {
        float: left;
    }

#jmdImgSel_info
{
    clear: both;
    color: #333;
    font-weight: 900;
}

#jmdImgSel_msg
{
    padding: 0 10px;
}

#jmdImgSel_imgName
{

    font-weight: 900;
}

#jmdImgSel_images
{
    clear: both;
    overflow: auto;
    padding: 0 0 0 10px;
}
    #jmdImgSel_images li
    {
        border: 5px solid #8A8856;
        float: left;
        margin: 0 5px 10px 0;
        opacity: 0.3;
        overflow: hidden;
    }
        #jmdImgSel_images li:hover
        {
            border-color: #999;
            opacity: 1;
        }
        #jmdImgSel_images li.selected
        {
            border-color: #666;
            opacity: 1;
        }
    #jmdImgSel_images img
    {
        line-height: 0;
    }

That’s just a decoded version of the CSS, but it worked for me. There may be some minor changes of mine in that CSS…nothing drastic though.

Textpattern CMS

Textpattern CMS support forum

#145 2009-11-11 17:18:14

Re: jmd_img_selector: Thickbox-style image selector

#146 2009-11-11 18:16:02

Re: jmd_img_selector: Thickbox-style image selector

#147 2009-11-12 17:07:11

Re: jmd_img_selector: Thickbox-style image selector

#148 2009-11-14 21:43:59

Re: jmd_img_selector: Thickbox-style image selector

#149 2009-11-15 23:10:31

Re: jmd_img_selector: Thickbox-style image selector

#150 2009-12-28 06:23:41

Re: jmd_img_selector: Thickbox-style image selector

#151 2010-02-01 13:16:16

Re: jmd_img_selector: Thickbox-style image selector

#152 2010-02-02 03:44:18

Re: jmd_img_selector: Thickbox-style image selector

#153 2010-03-03 13:01:24

Re: jmd_img_selector: Thickbox-style image selector

#154 2010-09-27 12:49:40

Re: jmd_img_selector: Thickbox-style image selector

#155 2010-10-04 17:25:18

Re: jmd_img_selector: Thickbox-style image selector

#156 2011-03-15 18:46:34

Re: jmd_img_selector: Thickbox-style image selector

Board footer