Skip to main content
A
Anonymous
July 15, 2010
Question

Zoom dynamic image thumbnails?

  • July 15, 2010
  • 1 reply
  • 1585 views

What is the best approach to create a zoom effect on image thumbnails in a repeat region?

The original size of all images is 105px x 105px.  I want them to initially appear very small (30px x 30px) and when hovered, zoom to the original size.  I'd like to do this through CSS and without affecting anything else on the page.  It may be a combination of CSS and javascript...(?)

This topic has been closed for replies.

1 reply

BenPleysier
BenPleysier
Braniac
July 16, 2010

Somthing like this http://labs.adobe.com/technologies/spry/demos/gallery/index.html?

Ben

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
A
Anonymous
July 16, 2010

Yeah, something like that, minus the large photo to the right and navigation buttons.

Basically, I have a single row repeat region with multiple columns.  I'd like to add a 30px x 30px dynamically binded image placeholder in one column that enlarges to it's original 105px x 105px size via rollover or hover with CSS and/or javascript, whichever is easiest and best.

BenPleysier
BenPleysier
Braniac
July 16, 2010

Use the Grow/Shrink Spry effect, see here http://labs.adobe.com/technologies/spry/samples/effects/fade_grow_sample.html

I hope this helps.

Ben

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices