This is a really cool site and i love the tips and pics.
Thanks.
Jitendra

Really though..
How do you add the watermark?

l_oPhoto.addWaterMark(’wm.png’, {position:’topleft’});

Is indeed a good idea

I think it should be pretty easy to port it to jquery or mootools.

Thanks!

In line 90, you should check for GD:
if(function_exists(’imagerotate’))

In line 65 add:
$sFontFile = dirname(__FILE__). ‘/’.$sFontFile;
This fixes the problem with include_directory seetings, which occurs on many hosts.

And the HTML file, this is unbelievable… you declare it xhtml-strict, did you double check that before releasing to the public?

Well beside these problems, a great idea and a well done snippet for further enhancements. Thanks for Chuck

So for watermarking, do it serverside on upload or before showing the image

Cheers,
Johan

From

To

Lately I had same crazy thoughts on coding a javascript wrapper to manipulate images rendered on the server-side. I decided to do some test which eventually resulted in phototype, a client/server-side library, based on prototype, which suppo…

Great concept!

$(document.body).insert(new Photo({ width: 300, rotate: 90 }).fetch());

i don’t even consider that a problem anymore. if they have it off then almost every site out there will fail for them.

Rest is just a nice way to make it complex, simple ajax calls (wich require prototype and one function could do the trick. (i called mine sendRequest( );

SendRequest(’/url/imagemanip/123/rot/left/’, ‘divname_o_image’);

And let php do the rest, like u already do.

and i try to add “addChuckNorris();” to many libs as i can

Chuck Norris could in no way shape or form be considered something’s property. Nor could he be considered it’s child. A more perfect syntax would be:

ChuckNorris.blessWithPresence(l_oPhoto);

We must also avoid possible fear implications or improper use references. Chuck Norris runs from nothing. One does not “include” or “use” ChuckNorris(). Methods should instead call:

ChuckNorris.queueManager(humbleRequest)

as ChuckNorris() should always be referenced as a Global Entity.

Bad:

#include ChuckNorris;

public Movie BadFilm : ChuckNorris
{
this.addChuckNorris();
}

Good:
DECLARE Function BlessWithPresence “ChuckNorris.dll” Alias “Join” (byref humbleRequest) as Bool

GlobalObject ChuckNorris = byref GlobalObject();

public Movie GoodFilm : EntertheDragon
{
Money humbleRequest = Money.maxValue();
ChuckNorris.queueManager(humbleRequest)
ChuckNorris.requestDenied += new MovieDisposeEventHandler(this);
ChuckNorris.requestApproved += new MovieGenerateReturns(this);
}

private void MovieDisposeEventHandler(object sender, requestDeniedArgs e)
{
sender.Read(e);
ChuckNorris.roundHouseKick(sender);
self.Dispose();
}

protected Money MovieGenerateReturns(object sender, requestApprovalArgs e)
{
sender.Read(e);
ChuckNorris.blessWithPresence(sender);
Money FatCash = Money.maxValue();
ChuckNorris.Pay(FatCash);
sender.disposeEvent += MovieDisposeEventHandler;
sender.Dispose();
}

Let me know if you have any questions.

We’re all very impressed with your PHP diagnostic skills — but honestly, who gives a FF? This is a blog entry about JS photo manipulation, not PHP coding standards or XHTML declarations.

I’d sure hate to be your kid. “Dad! I got an A in Geology!”. “That’s pointless, son. Why are you studying rocks?”.

If you spend forever mulling over, “oh my, should I do it this way? oh my, what if they have javascript turned off? oh boo hoo, what if they rip off my images? wah wah wah!” …bleck! Your best way turns in to no-way. There are so many ways of doing things in software and computing (including farging IT and farging WINDOWS: yes fuct-chop I’m pointing at you!) that people who bitch about doing something “the best way” are really just trying to get you to do it THIER WAY. Fark off you farging bastiches.

For the gadam record: I HAVE NEVER SEEN JAVASCRIPT TURNED OFF…ANYWHERE…AND I SUPPORT HUNDREDS OF SERVERS AND THOUSANDS OF USERS ACROSS THE US AND CANADA!!!

I wish I could write that on a piece of paper, wad it up and shove it down the throat of anyone that tells me I need to plan for javascript being turned off. Farking prove it shitebag.

After having authored dozens of web apps using plenty of javascript…NO ONE has ever, NOT ONCE said they couldn’t see or use any part of my app because they had javascript turned off.

I REALLY think that argument is idealistic crap and I hope web developers read my comment and “get it”. Build your UI good, take advantage of the tools and platforms and people will follow you. I did it. Now I’m rich but that’s for my own blog post. Whew, got that out of the way…thanks for listening.

a) Offer my Amen to Joe and b)Seeing the numerous avenues that lie before us I think it best that we explore them all. By doing so we not only find innovative new techniques but also help to level the playing field for old and new languages.

b) Offer Willem this link: http://ejohn.org/blog/processingjs/ . Resig has been doing some really amazing things with javascript and the canvas object that I think you would find very interesting.

c) Thank Daniel. You made my day man.

@ Everyone: Thanks for your support again. And as the first line of this post says, the transformation itself is indeed not done by javascript/clientside but with PHP. I agree with some of you that this causes some disadvantages, but againg, let this script be inpiring to ‘what is possible’.

Willem

Mit Phototype kann man Bilder mit JavaScript bearbeiten.
Eine Liste mit den Funktionen gibt es in einem Blogeintrag bei ajaxorized.com.
Link ajaxorized.com
……

Crazyrahul84
| Designer | http://www.iexplorehere.com |

I like this one! Chuck lives 4ever. No - this is really amazing stuff out here. Thank you for sharing your knowledge with us!

Best Regards,

Milos

Cheers,

Willem