Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#201 2011-12-24 14:30:07

THE BLUE DRAGON
Member
From: Israel
Registered: 2007-11-16
Posts: 595
Website

Re: [plugin] [ORPHAN] ebl_image_edit v1.0

Hi all,
here’s a small tip code I wrote to simplify the UI: http://txptips.com/simplify-the-ebl_image_edit-plugin
Take a look at the image and video of the result.

TheEric wrote:

Get your feature plugin requests in now before spring semester starts. Come on, come all.

  • The double-click feature will be great, I also tried doing it but unfortunately without a success.
  • Contrast feature
  • Sharpness feature
  • “Advanced edit” link leads to edit the image using FotoFlexer (API link)

Any of these will be really great! please :)

Offline

#202 2012-05-14 20:55:05

TheEric
Plugin Author
From: Wyoming
Registered: 2004-09-17
Posts: 564

Re: [plugin] [ORPHAN] ebl_image_edit v1.0

So, a year down, and an entire summer to code. I’ll be putting up a fixed version with the latest browser tweaks shortly. I’ve been redoing my page over the past couple of days.

Good news: EBL Image Edit will continue.

Bad News: With the burgeoning upswing in HTML 5 compatibility, ebl-upload will be killed off. There isn’t any real need for a flash based solution any longer. Accordingly, I’ll rewrite ebl_upload to leverage the multi-upload capability of HTML 5, and, it will be OSS.

Last edited by TheEric (2012-05-14 21:33:55)

Offline

#203 2012-05-14 21:20:10

TheEric
Plugin Author
From: Wyoming
Registered: 2004-09-17
Posts: 564

Re: [plugin] [ORPHAN] ebl_image_edit v1.0

Here’s a packaged version that I threw together just now. Consider it unstable and untested.

Last edited by TheEric (2012-05-14 21:33:41)

Offline

#204 2012-05-15 10:11:46

THE BLUE DRAGON
Member
From: Israel
Registered: 2007-11-16
Posts: 595
Website

Re: [plugin] [ORPHAN] ebl_image_edit v1.0

TheEric wrote:

Good news: EBL Image Edit will continue.

Cool cool! :)

Previously I asked you for a feature of using “FotoFlexer” as advanced editing, but now there are nice HTML5 editors out there that may be better to use such as aviary and CloudCanvas
(personally I probably never gonna use it, but clients may)

Last edited by THE BLUE DRAGON (2012-05-15 10:12:50)

Offline

#205 2012-05-29 13:59:22

uli
Moderator
From: Cologne
Registered: 2006-08-15
Posts: 4,225

Re: [plugin] [ORPHAN] ebl_image_edit v1.0

Eric, I had a chance to try the interim version:

Thumbnail dimensions are now reliably saved in the DB, that’s awesome, thanks!

What I’m wishing for for creating thumbnails (cropping works OK at this) is that selecting a menu entry would suffice. At the moment I have to enter thumbnail dimensions into the text inputs, simply selecting a menu entry doesn’t seem to make an impact. Thanks!

BTW: The jQuery (or CSS?) part of the new jcrop version doesn’t work reliably, on my browsers all crop area handles are displayed on one spot. Replacing the new jcrop version with that from the last ebl_image_edit reliably solves that problem.


In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links

Offline

#206 2012-09-24 06:13:32

THE BLUE DRAGON
Member
From: Israel
Registered: 2007-11-16
Posts: 595
Website

Re: [plugin] [ORPHAN] ebl_image_edit v1.0

Hi Eric!
this plugin is currently broken in TXP v4.5 due to some changes of selectors/HTML structure, if I’m not wrong this is the piece of code that need to be changed:

   $("#list td:first img").attr('id','mainImg'); // Give our image an ID
    $("#list td:first").attr('id','mainImgTD'); // name the table to make it easier to find.

    $('#image-thumbnail td:first img').attr('id','thumb'); // Give our thumbnail image an ID
    $('#image-thumbnail td:first').attr('id','thumbTD'); // name the TD that contains the image so we can swap it out.

    if(! $('#thumbTD').length ) {  $("#list td:eq(1)").attr('id','thumbTD');  }

    $('#mainImgTD').prepend('<div id="eblcropui"></div>');

I will try play with it in an hour and will see.

Last edited by THE BLUE DRAGON (2012-09-24 06:15:23)

Offline

#207 2012-09-24 10:02:07

THE BLUE DRAGON
Member
From: Israel
Registered: 2007-11-16
Posts: 595
Website

Re: [plugin] [ORPHAN] ebl_image_edit v1.0

Here what you need to get it work on TXP v4.5

1.
Edit plugin code, replace:

   $("#list td:first img").attr('id','mainImg'); // Give our image an ID
    $("#list td:first").attr('id','mainImgTD'); // name the table to make it easier to find.

    $('#image-thumbnail td:first img').attr('id','thumb'); // Give our thumbnail image an ID
    $('#image-thumbnail td:first').attr('id','thumbTD'); // name the TD that contains the image so we can swap it out.

    if(! $('#thumbTD').length ) {  $("#list td:eq(1)").attr('id','thumbTD');  }

    $('#mainImgTD').prepend('<div id="eblcropui"></div>');

with:

   $("#image_container .fullsize-image img").attr('id','mainImg'); // Give our image an ID

    $('.thumbnail-edit img').attr('id','thumb'); // Give our thumbnail image an ID
    $('.thumbnail-edit').attr('id','thumbTD'); // name the TD that contains the image so we can swap it out.

    if(! $('#thumbTD').length ) {  $(".thumbnail-upload").attr('id','thumbTD');  }

    $('#image_container').prepend('<div id="eblcropui"></div>');

2.
replace:

                   $('#thumbTD').empty().append('<img src="$tmbsrc?' + rand +'" id="thumb" />');

with:

                   $('#thumbTD #thumb').remove();
                    $('#thumbTD').prepend('<img src="$tmbsrc?' + rand +'" id="thumb" class="content-image" />');

3.
Download the newest version of jCrop http://deepliquid.com/content/Jcrop_Download.html
You need 2 files from it:

  • jquery.Jcrop.min.js
  • jquery.Jcrop.css

Replace the old files with the new ones
Copy them to the “jcrop” folder under “textpattern/”
(which comes with the ebl plugin zip file)
rename jquery.Jcrop.min.js file to jquery.Jcrop.pack.js

Done!
(Ctrl+F5 in the image editing page and you good to go)

Tested on TXP v4.5.1 with Hive theme.

Last edited by THE BLUE DRAGON (2012-09-24 10:16:19)

Offline

#208 2012-09-24 10:20:47

THE BLUE DRAGON
Member
From: Israel
Registered: 2007-11-16
Posts: 595
Website

Re: [plugin] [ORPHAN] ebl_image_edit v1.0

I just added another step to the temporary fix above:

replace:

                   $('#thumbTD').empty().append('<img src="$tmbsrc?' + rand +'" id="thumb" />');

with:

                   $('#thumbTD #thumb').remove();
                    $('#thumbTD').prepend('<img src="$tmbsrc?' + rand +'" id="thumb" class="content-image" />');

This one is for keeping the thumbnail image look and not removing the new delete button next to it.

Offline

#209 2012-09-24 11:12:47

uli
Moderator
From: Cologne
Registered: 2006-08-15
Posts: 4,225

Re: [plugin] [ORPHAN] ebl_image_edit v1.0

Just need to express how grateful I am for what you’re giving back to the TXP community, Gil. Thanks! (!!!) :)


In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links

Offline

#210 2012-09-24 21:51:58

debeo
Member
Registered: 2012-09-24
Posts: 16

Re: [plugin] [ORPHAN] ebl_image_edit v1.0

Thanx alot Gil! It works like a charm:)

Offline

Board footer

Powered by FluxBB