Welcome guest, is this your first visit? Create Account now to join.
Page 1 of 2 12 LastLast
Results 1 to 10 of 11

This is a discussion on [New Ext] ImageGimp - Pulls images out of websites and has fusker style commands within the Chrome Plugins section, part of the Google Chrome category: 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 ...


  1. #1
    bronkula is offline Junior Member
    Join Date
    Jul 2011
    Posts
    7

    Default [Ext] ImageGimp1.0.9 - Pulls images out of websites and has fusker style commands

    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.
    Last edited by bronkula; 08-02-2011 at 11:50 PM.

  2. #2
    PAEz's Avatar
    PAEz is offline Moderator
    Join Date
    Aug 2009
    Location
    Australia
    Posts
    656

    Default

    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

  3. #3
    bronkula is offline Junior Member
    Join Date
    Jul 2011
    Posts
    7

    Default

    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.

  4. #4
    bronkula is offline Junior Member
    Join Date
    Jul 2011
    Posts
    7

    Default

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

  5. #5
    PAEz's Avatar
    PAEz is offline Moderator
    Join Date
    Aug 2009
    Location
    Australia
    Posts
    656

    Default

    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

  6. #6
    bronkula is offline Junior Member
    Join Date
    Jul 2011
    Posts
    7

    Default

    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.

  7. #7
    PAEz's Avatar
    PAEz is offline Moderator
    Join Date
    Aug 2009
    Location
    Australia
    Posts
    656

    Default

    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'+

  8. #8
    PAEz's Avatar
    PAEz is offline Moderator
    Join Date
    Aug 2009
    Location
    Australia
    Posts
    656

    Default

    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.
    Attached Files Attached Files

  9. #9
    bronkula is offline Junior Member
    Join Date
    Jul 2011
    Posts
    7

    Default

    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.

  10. #10
    bronkula is offline Junior Member
    Join Date
    Jul 2011
    Posts
    7

    Default

    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.

Page 1 of 2 12 LastLast

Similar Threads

  1. Replies: 0
    Last Post: 12-07-2010, 08:15 PM
  2. Replies: 0
    Last Post: 09-16-2010, 06:05 PM
  3. Isolate websites
    By iwizzard in forum Chrome Talk
    Replies: 1
    Last Post: 06-15-2010, 04:46 PM
  4. I can't see hardly any photos on websites??
    By susies1955 in forum Chrome Troubleshooting
    Replies: 2
    Last Post: 03-30-2010, 08:40 AM
  5. style.pixelWidth / pixelHeight
    By Lynnara in forum Bugs and Vulnerabilities
    Replies: 0
    Last Post: 11-07-2009, 04:44 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •