[jQuery] Re: How to Rotate an Image 90 Degrees
You could do it with Canvas and a directX filter. Something like this: http://paste.css-standards.org/15230/view On Jun 27, 5:50 am, cfdvlpr [EMAIL PROTECTED] wrote: Is there any plugin that will rotate an image 90 degrees? Something tells me this is difficult if not impossible to do.
[jQuery] Re: How to Rotate an Image 90 Degrees
I've taken a look at swfIR and that seems to work. However, I'm not sure that I can change the src of the image with Jquery and have it still work (without a page refresh). Please correct me if I am wrong. I'm developing in Coldfusion, by the way. But, I don't think I can use a server side script for this as I need it to update without a page refresh...
[jQuery] Re: How to Rotate an Image 90 Degrees
I'm developing in Coldfusion, by the way. But, I don't think I can use a server side script for this as I need it to update without a page refresh... There are a number of ways you could do this with a .ajax or similar call. E.g., let's say you write a coldfusion script that accepts as parameters the image path and some rotation parameters (let's say 90, 180 or 270 for degrees of rotation to the right). E.g., http://example.com/rotateimage.cf/?image=foo.jpgrotate=90 ... and have that script rotate the source image, save it to disk, and return the new image (you can set headers to deliver a straight-up image from that URL). If it makes sense for your app, you could cache the rotated images and check the cache first ... but those are details. Then, for example, onclick you could replace the src attribute of an img tag with the rotated version of the URL. Lots of details here, but that might work. You could also have the CF script process the image and return the direct URL to the static file and replace it with that, instead... Scott On 6/27/07, cfdvlpr [EMAIL PROTECTED] wrote: I've taken a look at swfIR and that seems to work. However, I'm not sure that I can change the src of the image with Jquery and have it still work (without a page refresh). Please correct me if I am wrong. I'm developing in Coldfusion, by the way. But, I don't think I can use a server side script for this as I need it to update without a page refresh... -- .|.. Scott Trudeau scott.trudeau AT gmail DOT com http://sstrudeau.com/ AIM: sodthestreets
[jQuery] Re: How to Rotate an Image 90 Degrees
maybe check this out : http://www.netzgesta.de/instant/ *...( On Jun 27, 4:24 pm, Scott Trudeau [EMAIL PROTECTED] wrote: I'm developing in Coldfusion, by the way. But, I don't think I can use a server side script for this as I need it to update without a page refresh... There are a number of ways you could do this with a .ajax or similar call. E.g., let's say you write a coldfusion script that accepts as parameters the image path and some rotation parameters (let's say 90, 180 or 270 for degrees of rotation to the right). E.g.,http://example.com/rotateimage.cf/?image=foo.jpgrotate=90... and have that script rotate the source image, save it to disk, and return the new image (you can set headers to deliver a straight-up image from that URL). If it makes sense for your app, you could cache the rotated images and check the cache first ... but those are details. Then, for example, onclick you could replace the src attribute of an img tag with the rotated version of the URL. Lots of details here, but that might work. You could also have the CF script process the image and return the direct URL to the static file and replace it with that, instead... Scott On 6/27/07, cfdvlpr [EMAIL PROTECTED] wrote: I've taken a look at swfIR and that seems to work. However, I'm not sure that I can change the src of the image with Jquery and have it still work (without a page refresh). Please correct me if I am wrong. I'm developing in Coldfusion, by the way. But, I don't think I can use a server side script for this as I need it to update without a page refresh... -- .|.. Scott Trudeau scott.trudeau AT gmail DOT comhttp://sstrudeau.com/ AIM: sodthestreets
[jQuery] Re: How to Rotate an Image 90 Degrees
swfIR? http://www.swfir.com/ Not jQuery at all, but if you're asking for one effect, you're probably going to end up looking for others, so... On 6/26/07, cfdvlpr [EMAIL PROTECTED] wrote: Is there any plugin that will rotate an image 90 degrees? Something tells me this is difficult if not impossible to do.
[jQuery] Re: How to Rotate an Image 90 Degrees
Thats not exactly something you want javascript doing, thats more of a server-side thing. Are you using php? On 6/26/07, cfdvlpr [EMAIL PROTECTED] wrote: Is there any plugin that will rotate an image 90 degrees? Something tells me this is difficult if not impossible to do.
[jQuery] Re: How to Rotate an Image 90 Degrees
On 6/26/07, Su [EMAIL PROTECTED] wrote: swfIR? http://www.swfir.com/ swfIR, IIRC, is geared towards text, though. The only way I know of to do image rotation in JavaScript is with canvas[1] or SVG[2], both of which don't have enough browser support to make the effort worthwhile (assuming you're doing this for a public web site). Flash seems to be the best way to what you're looking for. [1] http://developer.mozilla.org/en/docs/HTML:Canvas [2] http://developer.mozilla.org/en/docs/SVG -- Aaron Heimlich Web Developer [EMAIL PROTECTED] http://aheimlich.freepgs.com
[jQuery] Re: How to Rotate an Image 90 Degrees
JavaScript is with canvas[1] or SVG[2], both of which don't have enough browser support to Huh? Canvas works on IE6 (with excanvas), IE7, FF since 1.x, Safari and Opera. What other browsers are you looking for? --Erik
[jQuery] Re: How to Rotate an Image 90 Degrees
Since when does IE have native canvas support? On 6/26/07, Erik Beeson [EMAIL PROTECTED] wrote: JavaScript is with canvas[1] or SVG[2], both of which don't have enough browser support to Huh? Canvas works on IE6 (with excanvas), IE7, FF since 1.x, Safari and Opera. What other browsers are you looking for? --Erik -- Aaron Heimlich Web Developer [EMAIL PROTECTED] http://aheimlich.freepgs.com
[jQuery] Re: How to Rotate an Image 90 Degrees
r u kidding... IE doesnt... excanvas simulates canvas behavior in IE. On 6/26/07, Aaron Heimlich [EMAIL PROTECTED] wrote: Since when does IE have native canvas support? On 6/26/07, Erik Beeson [EMAIL PROTECTED] wrote: JavaScript is with canvas[1] or SVG[2], both of which don't have enough browser support to Huh? Canvas works on IE6 (with excanvas), IE7, FF since 1.x, Safari and Opera. What other browsers are you looking for? --Erik -- Aaron Heimlich Web Developer [EMAIL PROTECTED] http://aheimlich.freepgs.com
[jQuery] Re: How to Rotate an Image 90 Degrees
Reportedly, this script: http://sourceforge.net/projects/excanvas Replicates canvass support in IE6. Anyone use it? Does it work well? Scott On 6/26/07, Aaron Heimlich [EMAIL PROTECTED] wrote: Since when does IE have native canvas support? On 6/26/07, Erik Beeson [EMAIL PROTECTED] wrote: JavaScript is with canvas[1] or SVG[2], both of which don't have enough browser support to Huh? Canvas works on IE6 (with excanvas), IE7, FF since 1.x, Safari and Opera. What other browsers are you looking for? --Erik -- Aaron Heimlich Web Developer [EMAIL PROTECTED] http://aheimlich.freepgs.com -- .|.. Scott Trudeau scott.trudeau AT gmail DOT com http://sstrudeau.com/ AIM: sodthestreets
[jQuery] Re: How to Rotate an Image 90 Degrees
Check out the excanvas project: http://excanvas.sourceforge.net/ -- Brandon Aaron On 6/26/07, Aaron Heimlich [EMAIL PROTECTED] wrote: Since when does IE have native canvas support? On 6/26/07, Erik Beeson [EMAIL PROTECTED] wrote: JavaScript is with canvas[1] or SVG[2], both of which don't have enough browser support to Huh? Canvas works on IE6 (with excanvas), IE7, FF since 1.x, Safari and Opera. What other browsers are you looking for? --Erik -- Aaron Heimlich Web Developer [EMAIL PROTECTED] http://aheimlich.freepgs.com
[jQuery] Re: How to Rotate an Image 90 Degrees
i've tried excanvas and it works very well indeed - amazing in fact when you think what its doing. it runs a bit slower on ie check some demos here : http://labs.parkerfox.co.uk/excanvas/examples/
[jQuery] Re: How to Rotate an Image 90 Degrees
On 6/26/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote: r u kidding... IE doesnt... excanvas simulates canvas behavior in IE. Which goes back to what I said about their not being enough browser support for the effort to be worthwhile (ON PUBLIC FACING WEB SITES). If you can convince your IE users to download and install excanvas, then more power to you. -- Aaron Heimlich Web Developer [EMAIL PROTECTED] http://aheimlich.freepgs.com
[jQuery] Re: How to Rotate an Image 90 Degrees
Replicates canvass support in IE6. Anyone use it? Does it work well? Yes I do. Yes it does. No clipping, no patters, but all the basic stuff is there and works pretty well. You heard it here first: canvas will be the next big thing, like AJAX was. XHR was around for a long time before the whole Web2.0 thing took off. Canvas will be the same way. Complex user interfaces built with canvases will be the corner stone of the next generation of the web. --Erik
[jQuery] Re: How to Rotate an Image 90 Degrees
r u kidding... IE doesnt... excanvas simulates canvas behavior in IE. Which goes back to what I said about their not being enough browser support for the effort to be worthwhile (ON PUBLIC FACING WEB SITES). If you can convince your IE users to download and install excanvas, then more power to you. You misunderstand. It's a javascript file that you include on your page just like jQuery. It's no more installed than jQuery. Just fine for general public use. --Erik
[jQuery] Re: How to Rotate an Image 90 Degrees
It's a javascript script, not a plug-in. On 6/26/07, Aaron Heimlich [EMAIL PROTECTED] wrote: On 6/26/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote: r u kidding... IE doesnt... excanvas simulates canvas behavior in IE. Which goes back to what I said about their not being enough browser support for the effort to be worthwhile (ON PUBLIC FACING WEB SITES). If you can convince your IE users to download and install excanvas, then more power to you. -- Aaron Heimlich Web Developer [EMAIL PROTECTED] http://aheimlich.freepgs.com -- .|.. Scott Trudeau scott.trudeau AT gmail DOT com http://sstrudeau.com/ AIM: sodthestreets
[jQuery] Re: How to Rotate an Image 90 Degrees
On 6/26/07, Erik Beeson [EMAIL PROTECTED] wrote: You misunderstand. It's a javascript file that you include on your page just like jQuery. It's no more installed than jQuery. Just fine for general public use. Well then, I stand corrected. -- Aaron Heimlich Web Developer [EMAIL PROTECTED] http://aheimlich.freepgs.com
[jQuery] Re: How to Rotate an Image 90 Degrees
On 6/26/07, Aaron Heimlich [EMAIL PROTECTED] wrote: On 6/26/07, Su [EMAIL PROTECTED] wrote: swfIR? http://www.swfir.com/ swfIR, IIRC, is geared towards text, though. The only way I know of to do image rotation in JavaScript is with That's sIFR: http://www.mikeindustries.com/sifr/ The link I provided is for images.
[jQuery] Re: How to Rotate an Image 90 Degrees
Looks like example 3 does the rotating you seek... weepy wrote: i've tried excanvas and it works very well indeed - amazing in fact when you think what its doing. it runs a bit slower on ie check some demos here : http://labs.parkerfox.co.uk/excanvas/examples/
