SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Member
    Join Date
    Jul 2005
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    What is the name of this thing?

    Hi,

    I've trying to find more info about this(if it is already implemented in some ajax library, I'm not going to reinvent the wheel =) ), but I'm stuck as I don't know how it's called =)

    Please look at the attachment.

    They appear as you mouse over the image. You can see it working here live: http://wigflip.com/roflbot/

    Thanks in advance,
    Attached Images Attached Images

  2. #2
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    17,159
    Mentioned
    190 Post(s)
    Tagged
    2 Thread(s)

    roll overs?

    Hi sligowaths, welcome to the forums,
    The image hasn't been approved yet so I went to the page linked to. I didn't see anything "working". Are you sure the link is correct?

  3. #3
    SitePoint Wizard wonshikee's Avatar
    Join Date
    Jan 2007
    Posts
    1,223
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    You gotta click on sample picture, then enter some text. thats pretty cool.

  4. #4
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    17,159
    Mentioned
    190 Post(s)
    Tagged
    2 Thread(s)

    text on image

    I don't see a "mouse over the image" thing going on, but the "put text on image" thing looks like it uses a javascript library to handle the AJAX stuff (maybe the prototype library?) and if the back-end is PHP, I imagine it's a script that uses the GD functions.

  5. #5
    SitePoint Member
    Join Date
    Jul 2005
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi all! Thanks =)

    Mittineague, when you add an text to the image and mouse over it, you can see two little icons. One deletes the text and the other lets you resize the image of the text, that is later resized in the server and brought back to the browser.

    What I'd like to know the name is those two little icons that sticks on the side f the image.

    Thanks again,

  6. #6
    I meant that to happen silver trophybronze trophy Raffles's Avatar
    Join Date
    Sep 2005
    Location
    Tanzania
    Posts
    4,662
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    http://static.roflbot.wigflip.com/animate.js

    http://static.roflbot.wigflip.com/browser.js

    http://static.roflbot.wigflip.com/dnd.js

    http://static.roflbot.wigflip.com/knob.js

    and some inline script as well. No comments in the javascript to indicate that it even has a name, so I think it looks like home-made JS, especially with language from the lolcat generation like this:
    Code:
    this.newRoflButton = new BButton('newRofl');
        this.saveImageButton = new BButton('saveImage');
    
        this.roflCanvas = document.getElementById('roflCanvas');
        this.roflText = document.getElementById('roflText');
    The two images you refer to are x.png and resize.png and in the JS it looks like they're controlled by the object Knob. Some very neat and clever Javascript there.

  7. #7
    SitePoint Member
    Join Date
    Jul 2005
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Raffles,

    Yes, I looked that too and I first thought that it was known as "Knob" but later a google search didn't find anything =/

    The js is very clever, indeed.

  8. #8
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    17,159
    Mentioned
    190 Post(s)
    Tagged
    2 Thread(s)

    controls

    Ah, I finally see what you're talking about. The "move/resize" doesn't work in Opera (too many css errors, bailing out), but it works in Firefox like a charm. Maybe it's the site owner's custom script or they stripped out the comments?

    I noticed "xach" and that led me to "GIMP" (GNU Image Manipulation Program), although I think the prototype library is a big player here, maybe GIMP is worth looking into?


Bookmarks

Posting Permissions

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