Here you can see common use of DHTML Rectangular Marquee Tool. Try to select area on the picture below. Also try to use hotkeys, think you will be surprised with reaction :) Any comments from you will be very appreciated. Feel free to leave few lines of your thoughts or report bugs. If you want to contact me by email please use contacts page. For detailed information see documentation page.
Hotkeys
- Arrows Right, Left, Top, Bottom - move marquee on 1 pixel (with shift key on 10 pixels)
- Ctrl + Arrows - expand/shrink marquee window
- Escape - deselect/disabling current selection
- A - select all the picture
- I - inverse current selection
- E - switch edges (allow/deny resize)
- Shift + N - creates new marquee on the current image with options of active marquee
- S - switch marquees (select new marquee if using multiple areas)
- Z - zooming (zoom in or zoom out if ctrl key has pressed)
- R - set random marquee color
- Shift + [0-9] - set application marquee colors
- Alt + Up/Down - increase/reduce opacity (opacity += 0.05 or opacity -= 0.05)
Code used
"Users Comments"*
Hey nice work I am sure this will get adopted in a lot of web projects. how about Flickr notes on Pictures on blog posts.
Oh, It's cool idea with Flickr. I'll care about it :) Thanks.
Sergey - Hmm.. It works well . But, I didn't find any way to make the marquee disappear after I'm finished with it. Calling "delete" on the object does not work. Help ...
Adler use hide();
Great tool !
Is there a way to disable it?
I've tried:
MarqueeTool.disable('sampleid');
MarqueeTool.disable(MarqueeToo.id);
These did not work...any ideas?
Thank you,
http://marqueetool.net/captcha.png?string=1238216124
This is really what i was searching for my dynamic image crop using javascript and php. This could help me a lot. Additionally i am asking a question inappropriate. What javascript frame work would give me all the elements under the selection?
this is marvelous example
very interesting example
I think that SUPEER!