How to create a sliding image, like the one on this site?

Hi guys

I was wondering if anyone knew how to create the effect that happens on this page when you slide your mouse over the Kiwi bird:

Great app by the way. If anyone can help out with how to do this, I’d appreciate it.

The company YourHead also has another animation kind of thing that I was wondering how to emulate fairly accurately called Kwix:

http://yourhead.com/kwix/info/index.html

However, it is only created for Rapidweaver.

Any help would be appreciated.

Thanks again.

Steve :slight_smile:


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Steve,
The page uses webkit CSS animations to ease the image in and out as
you rollover it. We used a similar effect on the Softpress home page
for the sub menu on the carousel (the black menu on the right) - http://www.softpress.com/
The Kwix plug-in, on the other hand, uses MooTools (http://
mootools.net/) to achieve it’s animations.
Regards,
Tim.

On 11 Feb 2010, at 00:44, Steve Wright wrote:

Hi guys

I was wondering if anyone knew how to create the effect that happens
on this page when you slide your mouse over the Kiwi bird:

http://kiwi-app.net/

Great app by the way. If anyone can help out with how to do this,
I’d appreciate it.

The company YourHead also has another animation kind of thing that I
was wondering how to emulate fairly accurately called Kwix:

http://yourhead.com/kwix/info/index.html

However, it is only created for Rapidweaver.

Any help would be appreciated.

Thanks again.

Steve :slight_smile:

FreewayActions.com - Freeware and commercial actions for Freeway
Express & Pro.

Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Funny, on my firefox the nice sliding kiwi doesn’t work, it only does on safari…
:slight_smile:
Eus


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Doesn’t work on Camino either…


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

No, Webkit only;

On 19 Feb 2010, at 12:12, hugh wrote:

Doesn’t work on Camino either…

FreewayActions.com - Freeware and commercial actions for Freeway
Express & Pro.

Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Well, no great loss if it doesn’t work in Cam and FF… a bit of a pointless gimmick anyway IMHO!

Reminds me of all those ‘themes’ at Themeforest.com…you can hardly get one which DOESN’T’t have a JQuery slider! Technology for technology’s sake…


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Horses for courses?! It depends what you want to achieve with each web
site. Very often the plain and simple, but aesthetically pleasing
design produces the best results, especially for business folk seeking
factual information. Yet there is also a wide consumer ‘audience’ out
there, who enjoy animation and colour (and some even background
sound!). It just pays to research your market and provide what’s
appropriate.

Colin

On 19 Feb 2010, at 12:40, hugh wrote:

Well, no great loss if it doesn’t work in Cam and FF… a bit of a
pointless gimmick anyway IMHO!

Reminds me of all those ‘themes’ at Themeforest.com…you can
hardly get one which DOESN’T’t have a JQuery slider! Technology for
technology’s sake…


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I think you’re right, Colin. I’ve just been overawed lately by the ‘stuck in a rut’ mentality of theme designers who seem unable to break out of the box of cookie cutter JQuery slider designs! It’s like it’s the latest shiniest toy and they ALL have to have it!

And all these designs were in the Business templates section of Themeforest!


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

And the irony of that, Hugh, is that they think they are making their
site just that little bit different!

Colin

On 19 Feb 2010, at 12:57, hugh wrote:

… It’s like it’s the latest shiniest toy and they ALL have to have
it!


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options