Highslide now supports easing

Thu Jan 24, 2008 10:50 pm

Take full control over the way the slides open and close! Robert Penner's Easing Equations can now be called directly from Highslide. See hs.easing for demonstrations.

EarlyOut · Fri Jan 25, 2008 12:35 am

I must be missing something, but I can't detect any difference at all in those examples, either in FF or IE7.

Correction - I actually can detect some differences, but it's very, very subtle!

Fri Jan 25, 2008 7:43 am

If you are on an old system the easing may be lost. The easeInBack and easeOutBack are the most visible examples.

EarlyOut · Fri Jan 25, 2008 1:19 pm

Yes, I'm on a 5-year-old PC that doesn't have a dedicated graphics card, so that may be the problem. Some of the easing examples just look slightly more uneven and jerky than the others, with a little "bounce" at the beginning or end, but that's about it.

Edit - Fiddling with hardware acceleration settings helps make the effects more visible. Time to get a new PC, but I'm dreading getting lumbered with Vista.

alan927 · Fri Jan 25, 2008 11:53 pm

admin wrote:If you are on an old system the easing may be lost. The easeInBack and easeOutBack are the most visible examples.

easeInBack and easeOutBack are awesome! Definitely unique.

EarlyOut · Sat Jan 26, 2008 3:20 am

One nasty little side-effect to using easeInBack: if the expanded image is wide enough to take up the entire browser window, the slight expansion just before the image closes causes scrollbars to appear, both in IE7 and in FF.

It can be avoided by setting easingClose to one of the other easing methods, like easeInQuad.

Sat Jan 26, 2008 9:45 am

Code: Select all

Yes, I'm on a 5-year-old PC

That's why nobody made a thumbnail expansion script five years ago...

bobsc · Sun Jan 27, 2008 11:44 pm

Could you add "ActionScript 1.0 Equations" to the Configurator?

Mon Jan 28, 2008 7:21 am

Right now the Configurator only covers customisation of the highslide.js itself, and the Easing Equations do not require any modication. But it would be nice to have the opportunity to experiment with it visually, so I will think about how easily it can be done.

bobsc · Mon Jan 28, 2008 1:23 pm

It would be nice to add the Easing Equations to the Configurator because then you would have 1 less JS file and you could also pack it.

Mootools does it.

ericob · Sat Feb 02, 2008 9:06 am

EarlyOut wrote: <snip> Time to get a new PC, but I'm dreading getting lumbered with Vista.

XP is still for sale... you don't have to use Vista.

And if you really really prefer XP, it could be worth the money to buy XP Professional: the end of life horizon is much farther out than for XP Home.

velocity · Sat Mar 01, 2008 1:16 am

Very nice, great addition.

Could a rute from exanding to open be done in not-straight way?

Lets say the image does a circle in his expanding process.

I imagine it isnt so simple as it sounds(even if u have Robert Penner's Easing Equations )

And i said b4, very nice!

Sat Mar 01, 2008 4:33 pm

Thanks velocity,

I believe this can be done if you hack the code for the expanding. Like it is now, if you set the easing, the top, left, width and height all follow the same setting. If you separate them I think you could make the image expand in funny ways. The place to hack this is the for loop in the changeSize function.

vaikava · Wed Sep 17, 2008 1:09 am

This is awesome ÔÇª but on images only. I can't see any effect on iframe-popups. Is this supported?

Wed Sep 17, 2008 7:40 am

I can't see any effect on iframe-popups. Is this supported?

Yes, I just tested it with example-iframe.html and it works well.