Friday, November 30th, 2007
Thomas Fuchs uses Script.aculo.us 2.0 on his own site
Category: JavaScript, Library
, Scriptaculous
, Showcase
The photo zooming?
JAVASCRIPT:
-
-
Effect.PhotoZoom = Class.create(Effect.Element, {
-
setup: function() {
-
var currentHeight = $('text').getHeight();
-
var newHTML = this.element.next('div.text').innerHTML;
-
-
var left = Thomas.photos.indexOf(this.element)*120 + 90;
-
var color = $w('ffa ffa ffa ffa ffa')[Thomas.photos.indexOf(this.element)];
-
-
$('text_contents').show().update(newHTML).setStyle({height:'auto'});
-
var newHeight = $('text_contents').getHeight()+22;
-
-
Thomas.clearTextBox();
-
$('text').setStyle({height:currentHeight+'px'});
-
-
$('text').morph('left:'+left+'px;height:'+newHeight+'px;background-color:#'+color,{
-
duration: 1.2,
-
transition: 'linear',
-
propertyTransitions: {
-
left: 'bouncePast',
-
height: 'bouncePast',
-
backgroundColor: 'sinusoidal'
-
},
-
after: function(){
-
$('text_contents').show();
-
Element.update.defer('text_contents', newHTML);
-
}
-
});
-
-
this.animate('zoom', this.element, {
-
propertyTransitions: this.options.propertyTransitions || { }
-
});
-
}
-
});
-
Related Content:
3.5 rating from 47 votes
WHAT ABOUT MOOTOOLS?
Just kidding. Nice @ his site, I love the photo effect.
Pretty cool. Shame he missed a few things tho, forexample – doublt click images instead ofa single click. You use the yellow info thing.
It looks nice without JavaScript turned on too.
Yeah, i know, i’m being picky
Really cool. I can’t wait for the release of script.aculo.us 2.0.
It doesn’t work without JavaScript. Bad design. Flash would have shown the content much smoother, but only when there would be standard content. IF there is optional content, there must be standard-content!
Pretty nice, and particularly for a guy’s personal portfolio site – especially for someone who’s likely been busy building other nifty things, I feel like I can relate. ;)
very interesting in safari3. awesome
Back in the consulting game? But what was Thomas Fuchs doing before that?
“It doesn’t work without JavaScript. Bad design.”
Is it *really*? What percentage of users actually surf without JS enabled?
really cool… love to see Thomas’ work… besides the obvious Scriptaculous releases…. these latest examples with the ‘bouncing inflation’ effects, along with a lot of items in Fluxiom, etc really inspire, make me think as a developer. Great-
I hope the Thomas object is in Script.aculo.us 2.0
What nonsense. “I have a lot of experience building the impossible, squeezing unheard-of functionality out of all of the most popular web browsers.”. Is that a joke? The impossible? Unheard of? Thats a strange way to say “It is demonstrably false that using anything I’ve built has increased sales, improved the usability of the web, or never been done before”.
Thomas has to consult because his work has made him irrelevant. There are thousands of people now who can just plug his effects library and call themselves developers.
Do not use these idiotic frameworks. Build your own. Do not become a mindless drone. If you are serious about developing, create, think, challenge yourself. Even the prince of nonsense has to work for a living. So much for changing the world.
@Jimbob, why do you insist on showing up here at Ajaxian just to malign other peoples’ good, hard work? Why don’t you show us your work? You do work, yes? It’s a valid question because more often than not, you sound like a beard scratching, lab coated, navel gazing professor who may understand theory but not practice.
Why do you insist on insulting those of us who use and like these tools? Do you think that somehow you are “showing us the light”?
You admonish us to “create, think, challenge ourselves”. Your assumption that we don’t already do this on a daily basis is foolish and arrogant. How would YOU have us design software, Jimbob? That’s a rhetorical question…I’ve heard enough from you to know you have little to offer.
bobo 2.0
@mg: try in lynx. renders perfectly.