Dead easy with Protaculous. Apply the Action to your page, and set it to use scriptaculous-packed as the library.
Draw an HTML box, double-click inside it, and choose Insert / Graphic Item from the main menu. Resize that image to 300 x 200px and import an image.
Scale the image to fit, and while the graphic box is still selected, choose Item / Extended, press New, and type ‘class’ in the Name field and ‘zoom’ in the Value field (both without quotes).
Now copy the image to the clipboard (make sure it’s still selected, with the 8 handles showing around the edges). Double-click next to it in the HTML box to get your text cursor, type Return, paste, Return, paste, as many times as needed. You should have a bunch of photos with spaces between them.
Click on the page somewhere so nothing is selected, then click on the top Function Body button in the Actions palette. Paste in the following:
$$('.zoom').invoke('setStyle',{width:'150px',height:'100px'});
$$('.zoom').invoke('observe','mouseover',function(evt){
new Effect.Morph(evt.element(),{style:{width:'300px',height:'200px'},duration:0.4,queue:'end'});
});
$$('.zoom').invoke('observe','mouseout',function(evt){
new Effect.Morph(evt.element(),{style:{width:'150px',height:'100px'},duration:0.4,queue:'end'});
});
It took me longer to type this than to set up, and I type pretty fast.
Walter
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options