ImageGimp
by Hamilton Cline
V. 1.0.9


https://chrome.google.com/webstore/detail/hkholkhgojileddoffkkkmdoajiipnof



This extension will allow you to pull any image or image link out of a webpage. It then allows you to see all images in a nice slideshow format. It also has the ability to make fusker style lists for easier image list creation. Should be compatible with all versions of chrome.

Changes in this version.

Features
New command maxsize allows you to set the maximum height and width when using the show command
Changes
A bug involving the dump command has been fixed
The make image algorithm has been improved and will now find any element with a background image as well as image inputs
The show command now updates the size values of the image list
More information is now shown in the tooltip of the list links when moused over.

Cool extension.
Copy of suggestions tho....
Would be cool if you also checked to see if the image has a link as a parent and record its link aswell.
Then when you show the image, list the other link aswell (I just tweaked the title if it was).
I implemented that and then added two new commands....
thumbs - list images that had a parent link that points to an image
links - list images that had a parent link

I also added a command called numberseries that will list all images that look like their in a series that the currently selected image is in. What it does is remove all the numbers from the currently selected images name and compares that against other images name with the numbers removed and add them to the list if they match.

The two commands Id really like are to be able to preload all images in the current list and a way of seeing all images in the list at once.

Ive attached the source for you to look at.
gimp.zip

Great extension, Ill be keeping an eye on it

My next thing I'm working on is actually a separation of find types, so these suggestions are actually already on the way, but i like your idea of thumbnail links.

I'm actually thinking of broadening the search to just be able to find any link. This will allow the kind of deep searching that i really want to get into.

Hey, when you say see all images at once, what exactly do you mean by that?

Hey, when you say see all images at once, what exactly do you mean by that?

Normally you only show an image if they click on its name in the list, Id like all images that are in the list shown on the right at the same time.

Couldnt help myself and played with it a bit more.
I wanted the list on the left to show what type and added some stuff for that when I saw your post an now Ill prolly just wait to see what you do....(doubt it, I know ill play some more )
Also added a command to remove document.body.innerHTML because sometimes the page can stop your images showing or an embbed is over the top of it. Made it keep a second list incase I do and then makelist gets it from there if the page has been removed.



gimp.zip

Don't be so quick there. I've changed a lot of stuff in the new version, a lot of it is stuff you also mentioned. Hey can you tell me if the input above the link list works for you, and if it does, can you suggest why it doesn't for me? I can get it to focus, and a text cursor appears in it, but no text is entered when i type keys. really annoying.

I changed the display of all elements of body, because i've noticed if i remove those elements javascript on the page can break.
I also added indicators for a lot of things.
I added a preloader for all images. I'll see about adding all images.

Love the preloader, its exactly what I wanted.
I love the fact you load them one after another, as a dialup user this is gold....Chrome is mean to dialup users and has a habit of timing out images before they finish, especially on pages with lots of images.
Just wish you could still look at pics while it did its work.


The input isnt working because your blocking all keys in your getKeypress function, its should look something like this....

Code:

    // handle keypresses
    getKeypress : function(e) {
      var stop=false;
      switch(e.keyCode) {
            case 37: IG.setImagePrev(); stop=true;
            case 38: IG.setImageUp(); stop=true;
            case 39: IG.setImageNext(); stop=true;
            case 40: IG.setImageDown(); stop=true;
        }
      if (stop) {
       if (e.stopPropagation) e.stopPropagation();
         e.cancelBubble = true;
         e.returnValue = false;
        }
   },

....you only want to block the ones you use.....also, this will still block the cursor keys in the input, you may want to add something for that.

Also, I had a hard time getting the input to work and ended up having to use JQuery to add it.....prolly just me as I dont know JQuery or forms/html.

Code:

        $("body").append(
            $("<div id='gimpNHTML' />").append(
                $("<div id='gimpListBox' />").append( 
                    $("<div id='gimpListBoxHeader' />")
                        .append("<form id='gimpListBoxForm'><input type='text' id='gimpListBoxInput' /></form><div>crap</div>"),
                        //$("<form />").append(
                            //$("<input type='text' id='gimpListBoxInput' size='36'></input>")
                            /* .attr({"readonly":false,"disabled":false})
                            .keyup(function(e){ e.preventDefault(); IG.addUrl(e); }) */
                        //)
                    //),
                    $("<div id='gimpListBoxContent' />"), 
                    $("<div id='gimpListBoxFooter' />")
                ),
                
                $("<div id='gimpImageBox' />").append(
                    $("<div id='gimpImageBoxUnder' />").append(
                        $("<div id='gimpImageBoxDummy' />"),
                        $("<div id='gimpImageBoxOver' />").append(
                            $("<div id='gimpImageBoxArrows' />").append(
                                $("<div class='arrowInner' />").append(
                                    $("<img class='arrowBut' id='gimpImageBoxArrowsL' src='"+IG.Ims.arrowleft+"' />")
                                        .click(function(){IG.setImagePrev();}),
                                    $("<img class='arrowBut' id='gimpImageBoxArrowsU' src='"+IG.Ims.arrowup+"' />")
                                        .click(function(){
                                            if($("#gimpImageBoxArrowsU").attr("src")==IG.Ims.arrowup){ IG.setImageUp(); } 
                                            else { IG.setImageDown(); } 
                                        }),
                                    $("<img class='arrowBut' id='gimpImageBoxArrowsR' src='"+IG.Ims.arrowright+"' />")
                                    .click(function(){IG.setImageNext();})
                                )
                            ),
                                
                            $("<div id='gimpImageBoxTitle' />")
                        )
                    )
                )
            )
        );
    var submitform = document.getElementById('gimpListBoxForm');


   submitform.addEventListener('submit', function(e)
   {


        var val = $("#gimpListBoxInput").val();
        if(val == "") $("#gimpListBoxFooter").text("Input empty")
        else {
        $("#gimpListBoxFooter").text($("#gimpListBoxInput").val());
      IG.getCMD(val);
        };
    e.preventDefault();
    return false;
   }, false);


    IG.clearImage();
    },

....which made me have to add some css?....

Code:

'form { margin-top: 0 !important; }\n'+

Here's a copy with the input box working fully.
I also added a legend of what the colors are under the input because I have an awful memory. Put the mouse over the box to see what it is and click on it to list only that type.

You're going to push me to make this awesome, aren't you? Thanks for your help, and I've credited you with help in the changelog. if there's any link you'd like me to use for you tell me. I'm adding a bunch of the stuff you're suggesting and they're leading me in really interesting directions.

its actually really interesting to try to solve your problems and then see you solve them and how we reached similar places in wildly different ways.

Ok, I've pushed out a new version. Lots of new commands, and I got the command input working so that it accepts text whenever you start typing.

I didn't do the type legend, because I really only ever meant those to be guides, less super informative, and more quick visual aid.
I added the ability to show lists of images, and beefed it up a lot so that all kinds of restraints can be put on it.

I've separated the preload and regular load restrictions. So you can now view any image that has been preloaded, before the preloading is finished.

Tell me any other suggestions you have, if you have any. My next thing hopefully will be to switch into that deep searching i was talking about, now that i've got most of the visual side down.