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?

  • This reply was deleted.
    • 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

Scott Bishop replied to David Carr's discussion Being a Ning Network could ruin the deal
"At one point I was going to move over to WP with the Buddypress plug-in. After looking hard at budd…"
25 minutes ago
Pat Howlett replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"I didn't stop using 3.0 because of this - I really liked the platforms direction - I left because t…"
1 hour ago
Kos replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"It's been fine if you didn't need that ability.  I love my 3.0"
2 hours ago
Kevin Acosta replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"YIKES! having never converted over from 2.0, I never knew that the video feature was not available…"
2 hours ago
Bizz ( John ) replied to Bizz ( John )'s discussion Make Your Videos In The New Video Feature Responsive ( updated: 30-03-17 )
"Just updated this code 30-03-17"
10 hours ago
Bizz ( John ) replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Thanks for speaking to them and yes I do agree that it is the correct way to use existing classes l…"
11 hours ago
Bizz ( John ) replied to Bizz ( John )'s discussion Ning- Your design studio widget images are not loading
"Hi Kyryl
Thanks for the reply and you are most welcome about the bugs. I have been using Ning for o…"
11 hours ago
Kyryl_Ning_Support replied to Bizz ( John )'s discussion Ning- Your design studio widget images are not loading
"Hi John,
Just checked the labels on my network as well, and as I see they are missing as well. So I…"
13 hours ago
Kyryl_Ning_Support replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Hi John,
You shouldn't have, but I should admit that it will be easier for the management to look t…"
14 hours ago
Beatriz Martín replied to Dan Porter's discussion Multiple Group Hubs
"thx, kos! :)"
14 hours ago
Tony Rosa is now a member of Ning Creators Network
14 hours ago
Kos replied to Dan Porter's discussion Multiple Group Hubs
"Beatriz if you need something special designed beyond the ordinary, I would recommend you post your…"
23 hours ago
Garfield Archivist replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Thank you. I appreciate the response and understand you needed to discuss with developers.
I find i…"
23 hours ago
Beatriz Martín replied to Dan Porter's discussion Multiple Group Hubs
"Hello.
I would like to know how this feature is done or which creator could help me.
Thx!!"
yesterday
Bizz ( John ) replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Thanks Pat :-)
Yes it is a nice addition but I do wish a little more QA was done before releasing f…"
yesterday
Bizz ( John ) replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"I have re-uploaded this video so you can see it showing the green screen in the list page and also…"
yesterday
Bizz ( John ) replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Thanks for the reply Kyryl. I have addressed all the issues in a single post for you to look at her…"
yesterday
Pat Howlett replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Great addition Ning Team and I appreciate Bizz John taking the time to jump in and assist in findin…"
yesterday
Kyryl_Ning_Support replied to Ian's discussion Side Backgound Image keeps shrinking and orienting left & animated gif header isn't working
"Hi Daniel,
We do apologise for the inconveniences at this moment developers are working under the i…"
yesterday
More…