The whole setup also uses Spry tabbed panels - a great presentation tool
click on the text on each page to initiate the actions
- Appear and Fade
- Blind Up and Down
- Grow & Shrink
- Highlight
- Shake Em
- Slide Em
- Squish
- Spry Data
Click on Photo to Appear/Fade
Clicking hides and shows the photo - rather basic
This shows the blind up and down effect - I've slowed the effect to 5000 Miliseconds from 1000 - also had to move this text out of the effect so you can toggle - I also used another Dreamweaver behavior to to preload the image and hide - getting better
Now I can grow and shrink and image - it is slowed a bit and after the initial appearance doesn't disappear but shrinks to 10% -very smooth
This is the Highlight effect - Click me - I've also slowed it down a little
This is the Highlight Effect
Click me to Shake it - don't break it
Now shake the picture
Shake Both
Click here to shake and Slide Em - a combo effect
Squish em
This data is being read from an XML data page generated from a Filemaker Database I've created called ContactZ™. One can update the data and post the page independent of the formatting which is controlled by CSS.
Click on the headings to resort and on the records to highlight them. This all happens independent of the server!
| Client_Active | Bill_Address | Category | PhoneWork | EmailMain | ActiveCalcUI | @RECORDID |
|---|---|---|---|---|---|---|
| labelTest {Client_Active} | {Bill_Address} | {Category} | {PhoneWork} | {EmailMain} | {ActiveCalcUI} | {@RECORDID} |
