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

Tuxedo Ramen replied to Saurabh's discussion Has Ning stopped development ??
"ugh! No definite time for stuff that works in 2.0 now! Copy and paste...
Is this all about moving c…"
11 minutes ago
Anthony "DarkGemineye" Johnson replied to Anthony "DarkGemineye" Johnson's discussion PlayStation Haven is back. Let me know what you think.
"Thanks a lot Jamie :)"
1 hour ago
Anthony "DarkGemineye" Johnson replied to Anthony "DarkGemineye" Johnson's discussion PlayStation Haven is back. Let me know what you think.
"Thanks, I am still trying to decide the best way to make use of the forum. So far I am not happy wi…"
1 hour ago
Gwynnyth replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Priorities are screwed up, I need site search and chat, I already had comments on my main page so..…"
1 hour ago
John Bizley replied to John Bizley's discussion My New Classifieds using WordPress and iframed into my site
"Hi Scott, yes I do already have one built straight into Ning in a group. I am going to replicate th…"
3 hours ago
Scott Bishop replied to John Bizley's discussion My New Classifieds using WordPress and iframed into my site
"Have you tried building your own classifieds from scratch right on your Ning platform?
Have alook h…"
3 hours ago
Zachary Moonshine replied to JFarrow's discussion How to Get Google to Recognize Sitemap
"I actually emailed ning about this the day i set up my site, first thing i did was go to set up my…"
4 hours ago
steve replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"What gets to me and surely they should know this. they cant go home and leave things broken, we all…"
4 hours ago
Mike Collins replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"My ticket (the second I've filed on activity feed) since migrating...

All known issues should sure…"
5 hours ago
John Bizley replied to Gerry Regan's discussion Alternatives to Apps.IO's Listings App
"The WordPress Log in is a separate log in because it is not part of the Ning site. I actually prefe…"
5 hours ago
Gerry Regan replied to Gerry Regan's discussion Alternatives to Apps.IO's Listings App
"John, how do you incorporate the Ning log-in on the WordPress version, or does it require a separat…"
6 hours ago
Zachary Moonshine replied to Gwynnyth's discussion CHAT
"I have cometchat for my members in  a bar at the bottom and it works just like facebook and we love…"
6 hours ago
Edie2k2 left a comment for Pat Howlett
"Thank you for accepting. Wonderful posts!"
7 hours ago
Jeffrey Haskins replied to JFarrow's discussion How to Get Google to Recognize Sitemap
"How has this worked out for everyone?"
9 hours ago
Pat Howlett replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
":]"
10 hours ago
Pat Howlett replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Great recap Anthony - of course I didn't think that any of those folks would engage - I still hold…"
10 hours ago
Pat Howlett left a comment for Edie2k2
"Great to connect with you Edie2k2 - please let me know whenever I might be of help."
10 hours ago
George H. Compton IV replied to George H. Compton IV's discussion (TIP) Ning3.0 thimes v1 full width network
"To widen your network you can use my code from this tip.
"TIP" widen your network too 1202px
I did…"
10 hours ago
George H. Compton IV replied to George H. Compton IV's discussion ( TIP "N3.0,2 ) Add Google translate to your Ning bar on all pages. Update 8/21/14 v8.1
"Update 8/21/14 v8.1 --  I fixed the cell phone users links. The mailbox and friends request is no l…"
10 hours ago
Anam replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"nothing from Monday night to yesterday shows up when it came back. nothing posted today went into i…"
10 hours ago
More…