Current status of the Ning Platform is always available on the Ning Status Blog.

Forum

soaringeagle did a a nice zoom effect with photo's for me some time ago which has been very popular as i see it on a lot of networks. Great work Se :-)I have added A border which gives your photo a more polished look with the zoom, and as i'm running a 3 column site there is 1 column always on the right and the photo would zoom strait out so i added 70px translate which you can remove if it does not suit your site, but on mine.. this keeps the photo in the centre of the web page. The shadow is a nice effect and adds a little more depth to the photo,I've left the 1.65 values in just incase you do not need the translate values.Remember you can always test in your Test Site. And variables can be changedI have attached 2 files, 1 showing the border and 1 showing the shadow effect,my site is quite dark but on a lighter coloured site the shadow would stand out great.Enjoy :-)a.next_photo_link img:hover {transform:scale(1.65);-ms-transform:scale(1.65);-o-transform:scale(1.65);-webkit-transform:scale(1.65);-moz-transform:scale(1.65);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;-moz-box-shadow: 1px 27px 47px #000000;-webkit-box-shadow: 1px 27px 47px #000000;box-shadow: 1px 27px 47px #000000;transform: rotate(0deg) scale(1.593) skew(0deg) translate(70px);-webkit-transform: rotate(0deg) scale(1.593) skew(0deg) translate(70px);-moz-transform: rotate(0deg) scale(1.593) skew(0deg) translate(70px);-o-transform: rotate(0deg) scale(1.593) skew(0deg) translate(70px);-ms-transform: rotate(0deg) scale(1.593) skew(0deg) translate(70px);border:ridge 10px #666366;-moz-border-radius-topleft: 10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}

You need to be a member of Ning Creators Network to add comments!

Join Ning Creators Network

Email me when people reply –

Replies

  • Okay, I tried your code and I did not see any effect.  How exactly do you zoom to a photo?  I assume it takes more than just clicking on the view full size command?

  • nice job Dave!

    • Thanks Armani :-)

  • Hi Doone, pick a photo out that you want to look at, Click the photo and it takes you to the page where you can have a better look at the photo.. Now just move your curser over the photo and it will zoom out with a border and shadow around the photo.

  • A better view of the Border and shadow around your photo on zoom..The border adds a nice TV like appearance which i think is very effective.

This reply was deleted.

Search the Creators Network

Latest Activity

James Higginson replied to Gerry Regan's discussion Alternatives to Apps.IO's Listings App
"That's a shame, I had about 5000 member pins on my io Map, don't suppose there any way to grab that…"
9 hours ago
SweetPotato replied to Gerry Regan's discussion Alternatives to Apps.IO's Listings App
9 hours ago
James Higginson replied to Gerry Regan's discussion Alternatives to Apps.IO's Listings App
"Is apps.io still in business? No reply to my support requests and the map broke, how do I contact t…"
10 hours ago
Cautious replied to PeruCool's discussion Alternatives to Ning social network
"Way to go Jen!  I'm at Spruz and you know me with questions, lol. 
Unfortunately, some owners aren'…"
15 hours ago
Garfield Creator replied to PeruCool's discussion Alternatives to Ning social network
"Thanks Jen"
16 hours ago
Ken Rich replied to Ken Rich's discussion Ning Lied To Us - Your Content is Not Safe
"Thank-you Steve. Ning support actually responded today to a "new" support ticket that had been sit…"
16 hours ago
steve replied to Ken Rich's discussion Ning Lied To Us - Your Content is Not Safe
"I see these new topics are still not showing in the feed unless somebody replies, so i will just do…"
16 hours ago
Alyce Keegan replied to Alyce Keegan's discussion Trying to make my sidebar padding smaller
"Hey Kos! Thanks for your reply. I'm using one of the older themes so I don't have this option. I sh…"
17 hours ago
Lora replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"My 3.0 has just about cut my business in half.
DO NOT MAKE THE SAME MISTAKE I DID and migrate to 3.…"
19 hours ago
Robert Druse replied to PeruCool's discussion Alternatives to Ning social network
"I will stand corrected if anything I say is not correct..."
21 hours ago
Jen replied to PeruCool's discussion Alternatives to Ning social network
"Unless they sold their company, Spruz is located in Tennessee.
And seriously, I'm going to have to…"
21 hours ago
Robert Druse replied to PeruCool's discussion Alternatives to Ning social network
"So, Spruz is based in Europe, not in Tennessee like they say they are?? Another potential fraudulen…"
21 hours ago
Kos replied to Alyce Keegan's discussion Trying to make my sidebar padding smaller
"Hi Alyce.  Have you tried adjusting the padding to zero here and change site size in Design Editor?…"
21 hours ago
Pat Howlett replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"For now I'm still here with you Strumelia :]
I've gone from over 200 Ning Networks (used to spend 1…"
23 hours ago
Luke Jones replied to Luke Jones's discussion Help
"Ah awesome, thank you ::) I'm currently on ning 2.0 because I havnt got enough members to make it w…"
yesterday
Tim Atkinson replied to PeruCool's discussion Alternatives to Ning social network
"Thank you - I'll keep you posted. We're doing a Kickstarter campaign first, so it'll be a few weeks…"
yesterday
Alyce Keegan replied to Alyce Keegan's discussion Trying to make my sidebar padding smaller
"edit: ok so I managed somehow to remove *some* padding lol! But it's still so small... is there a w…"
yesterday
Alyce Keegan replied to Alyce Keegan's discussion Embedding Videos
"Hi J Farrow! Sorry for the late response. Have had a slow month... yes Media Fire and I've realised…"
yesterday
Alyce Keegan replied to Alyce Keegan's discussion wow slider help
"thank you! i will take a look :D"
yesterday
Alyce Keegan replied to Alyce Keegan's discussion wow slider help
"thank you!!!"
yesterday
More…