Thursday, February 1st, 2007
jMaki Revolver
Category: Component
, Examples, Java, JavaScript, jMaki
Greg Murray of Sun has put together a sample jMaki widget revolver that you use like this:
JAVASCRIPT:
-
-
window.onload = function() {
-
var wargs = {uuid : 'jmaki-revolver'};
-
wargs.value = [
-
{"title" : "jMaki Craigs List Sample", imgSrc : "../images/cl-mashup.jpg", href :"http://ajax.dev.java.net/samples/samples.html#cl-mashup"},
-
{"title" : "jMaki Geocoder Map Sample", imgSrc : "../images/mapit.jpg", href :"http://ajax.dev.java.net/samples/samples.html#mapit"},
-
{"title" : "jMaki Charting Sample", imgSrc : "../images/jmaki-charting.jpg", href :"http://ajax.dev.java.net/samples/samples.html#charting"},
-
{"title" : "jMaki Sample Application", imgSrc : "../images/jmaki-sample-app.jpg", href :"http://ajax.dev.java.net/samples/samples.html#sample-app"}
-
];
-
var revolver = new jmaki.widgets.revolver.Widget(wargs);
-
}
-
Check it out to see animated revolving in action.
3.3 rating from 44 votes
hmm,
Sound with Javascript a couple of posts back, funky revolving action here, I wonder if flash (as the most widespread plugin of all) is really so bad? As proof of concept I like it, sure, but i doubt I’d use it in a commercial project. Isn’t this re-inventing the wheel?
This is very amateur at best, even for a proof of concept. I created a proof of concept of the exact same thing (rotating JS that is) using prototype and script.aculo.us. This “revolver” doesn’t even move in a circle, come on, get out your trig book and figure it out.
To Matthias: agreed on the reinventing bit, however, you could easily replace the Widget by a flash app (or a quicker implementation at least) and still keep the same code in the pages using jMaki…
drrrr… so apparently I can’t type… the web address of the my proof of concept was http://www.ryanjlowe.com/fun/ … I can do JS, just not type
What’s would be a good commercial implementation of such a thing?
I doubt this effects works on iframes? Then I can see it being useful for some eye candy animation to go from one registration screen or tab to next. Other then that, I can’t think of any uses for this, like it was said in previous comments, doing this in flash would be a lot smoother and less resource intensive and probably more productive.
The revolver was a weekend project that was meant to be something a little fun. I’ve been wondering how far we can push Javascript without any SVG and this is a good start. Many thought the fishe eye effect wouldn’t hold water but people still like it.
For the question regarding moving in a circle. The revolver was not meant to move in a ciricular path, if it did it wouldn’t look good (you can change it if you chose to use the code). I gues my real question for everyone is ‘Do you think this is usefull enough to use in a enterrpise app?’
Hey I like it Greg I actually do have a use for it too. When is being released ?
I like it. Did you already release it.?
I’ve made this available at http://weblogs.java.net/blog/gmurray71/archive/2007/06/jmaki_revolver.html
I think it might be useful. At least it’s a fun idea.
Dennis, IT Freelancer currently working on the male enhancement patch project.
Cool, i love it. Thanks for the code.
hoodia gordonii weight loss web programmer