Skip to Main Content
MooTools 1.3 Cookbook
book

MooTools 1.3 Cookbook

by Jay L Johnston
July 2011
Intermediate to advanced content levelIntermediate to advanced
276 pages
5h 11m
English
Packt Publishing
Content preview from MooTools 1.3 Cookbook

Saving space on our site: creating a transition that grows an IMG from small to large

In this recipe we will learn about how to use the mouse over an image technique to enlarge the image.

Saving space on our site: creating a transition that grows an IMG from small to large

Getting ready

Prepare a thumbnail image that is constrained via a CSS class definition, .smaller_image.

<img src="08_nature.jpg" alt="Nature" class="smaller_img"/>
<style type="text/css">
.smaller_img { width:100px; }
.bigger_img { width:500px; }
</style>

How to do it...

Much like the previous recipe, we use the MooTooled element property, which comes from the Fx.Morph() class. The difference in this recipe is that we pass to Element.morph() the class that contains ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Jump Start Web Performance

Jump Start Web Performance

Craig Buckler

Publisher Resources

ISBN: 9781849515689Other