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)

Views: 795

Reply to This

Replies to This Discussion

The Codes working very nicely in your site George :-)

i see your using a fair bit of my codes cool

1 suggestion u have an ad in the foter

if u move that ad to the top u will earn about 100 times more

thats a guesstimate but u will earn drastically more just by moving it to the top of the page

yes I am using quite a few of your codes soaringeagle I had to rewrite some of them to work better for my site but you have some awesome codes thank you for sharing them with us you are awesome :)

good suggestion about the ads I've made a total of nine cents LOL but I won't move it to the top I don't Want to force it on my members I try to keep it as ad free As possible.

dont forse ask

explain that the site costs ..i dunno wghich plan your on..and that u only got 9 cents backso far so would they mind if the ad was moved to the top

my members not only dont mind the ads but they are more then eager to donate when they can

in fact the ones that use ad blocking plugins put my site i]=on the exclusion list to make si]=ure their pageviews are counted

i run most big decisions like that by my members and keep them in the loop

hmmm I think I will ask my Members.. very good idea thank you again :D

my main sites bringu[in in about 350ish a  month  lil more  and steadiky  but slowly going up  my new sites  not growing at all yeat but because  the other sites doing fine i can float it till it does

and for that reason i can do the shops and dating sites  too  without havung to worry bout costs oh and helps me be able to throw some into seo as well

  it helps  to be able to dedicate time and resourses to constant improvements as wekll as offer gifts to members on ocasion as well  when i have a particularly good month ill spend some of the exces  guying a gift or 2 for  somemember and buy it from our members shhops  so its always about heklping the community

oh and u see the 2nd ad onthe left on my site thats 1 of the members shops she gives away free produccts every week plus pays 100 for the ad to help out what she gets  as well is lots of members raving about how good the products are  so gets free dvertising in the form of great reviews

so it just helps keep the community strong

also i see your using something called projectwonfderful wich nobody ever heard of your ads bids are 0 so your offering advertising for free and have no competition  tio raise the pro[ises nobody bidding

why not use adsense  and komoona combined like i got  adsense u gert millions of advertisers competing bidding raising the  price komoona has a cpm  now that has a callback so u have 3 adsense ..purely adsense ads and 1 komoona that calls back to a 4th adenese ad thaif the minukl[mum bids not met so u se e what that ads average cpm is and set the komoona  min bid to 20-40% higher so instead of komoona paying just 12 cents per 1000 impressions u can get it over 1.00..or if your adsense already makes over 2.00 u can get it to over 2.50 etc or even 3

 but the higher up the ads the more they will pay  and the more companies competing  for adspace the more they will pay as yiu have it your not able to even give away ads sopace

see when I say you're awesome it's not an understatement.  You are Awesome

thank you again my friend

You could open up your test site and check the code :-)

ok - i've added it, Looks greattttttttt!

thanks :) 

You can see it in action here: 

http://www.allbo.co.il/photo/5733453:Photo:2102917?context=featured

Iv'e slowed mine down to 3.0 the transition looks great and scale to 1.30 i don't think you would want to go past there, Thanks Again Soaringeagle :-) Top Job.

yea for already big pics the 1.20  works well 1.30 is almost too much might want to test splitting the difference and trying 1.25

try different scalings on the largest pics to see how they look and fine tune it

RSS

Latest Activity

Sylvia Hysen replied to Sylvia Hysen's discussion 'NING 2.0- Sign-up for newsletter'
"Sounds simple enough. Thanks for the explanation. I will look into MailChimp as an…"
9 minutes ago
Jordon McGee (Jords) replied to Alex's discussion 'More styling in the Design Studio'
"Woohoo!! Good job!"
10 minutes ago
Kos replied to Sylvia Hysen's discussion 'NING 2.0- Sign-up for newsletter'
"I exported my member email over (unless they had the box checked to receive "no" emails…"
34 minutes ago
Sylvia Hysen replied to Sylvia Hysen's discussion 'NING 2.0- Sign-up for newsletter'
"N"
40 minutes ago
Kos replied to Sylvia Hysen's discussion 'NING 2.0- Sign-up for newsletter'
"My pic and wording but it's responsive and re-sizes on tablet and phone.  You can check…"
55 minutes ago
Sylvia Hysen replied to Sylvia Hysen's discussion 'NING 2.0- Sign-up for newsletter'
"Formstack uses this on it's front page and I want to achieve similar results with different…"
1 hour ago
Sylvia Hysen replied to Sylvia Hysen's discussion 'NING 2.0- Sign-up for newsletter'
"Does it integrate with your NING site by automatically collecting all new member emails?"
1 hour ago
Kos replied to Sylvia Hysen's discussion 'NING 2.0- Sign-up for newsletter'
"I like mailchimp.  Have never had reason to try another."
1 hour ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service