photo zoom

[soaringeagle]

dave h requested this tip  its a simple zoom transition when yiu hover over a photo without clicking full size

a.next_photo_link img:hover {transform:scale(1.20);-ms-transform:scale(1.20);-o-transform:scale(1.20);-webkit-transform:scale(1.20);-moz-transform:scale(1.20);-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;}

its only a 20% zoom  but for larger pics any more then that  would be too much i think

to adjust the finished zoom level adjust the scale:1.20 (meaning 120% or 20% above normal)

u can slow or speed up the transition by changing the 1s tip you can use decimals like 3.5s or even ms like 10ms for a very fast transition

(note for newbies to css the -webkit- etc prefixes  are used to increae browser compatability so if you adjust 1 adjust all  so the experience is the same no matter what browser)

[Marcia Paterno Joppert]

Sorry.... I did not understand how to use it... could you explain in details? This is a sequence of codes but how can I introduce them on my ning page? (I'm Marcia from Brazil - http://redebrasileirademea.ning.com) . THANK YOU

[dave]

Just copy the code and put it in your advaced CSS

Click your icon up the top left of your ste..it will be the right icon

Then click Advanced..and then add the CSS in the "add custom CSS"

then click publish :-)

[dave]

This is were you put it.. they say a picture says a thousand words

[HELP SEEKER]

it gave me strange pop up - aviary, and photo is comming out of the frame

[dave]

Aviary is a photo cropping/editor which you must of turned on in your site, you can deactivate it. It's a Zoom program lol when you wave your curser over the photo it will zoom out..hope were on the same page :-) You can see iot in action here http://www.allbo.co.il/photo/5733453:Photo:2102917?context=featured

[soaringeagle]

i hsve avery disabled nobody used it anyway avery should pop out only if u click the avery link at the top not if u just mouse over

if it did from  just mouse over then im guessing the codes not going to work with avery

[dave]

I to had to let Aviary go, it was only used once since ive had it...and that was me lol

[soaringeagle]

same except 1 person tried using it on her profile photo..but it wasnt working right on profile pics at the time

so thats when i just took it off

[dave]

I think most people can crop photo's from home and adjust lighting effects etc, there was one that i rather liked from Aviary and that was the Old Photo.. it did a really good job :-) 1 click and you were back in the days when long dresses and an umbrella over your shoulder was fashionable lol

[soaringeagle]

yea but mostly it was just silly stuff

and since theres the imagfe rotate woithout it  that was all i ever needed

[Mauricio BM]

Thankyou Soaringeagle!!

Is there any chance to make the same effect in thumnails?

Best regards!

Mauricio 

[soaringeagle]

any selectors you want just add to it seoperated by commas