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

TJ @ jQueryHelp replied to American Energy's discussion Pass Parameters through calling a URL
"Kos has provided one very nice solution which may suit your needs.
Some other thoughts...
I think t…"
6 hours ago
Bernadette Arthur replied to Bernard Lama's discussion Killer Tip : How to add seach bar to your ning 3.0 network ?
"Thank you so much!"
6 hours ago
Kos replied to American Energy's discussion Pass Parameters through calling a URL
"Adjust the "height" as needed, add your webpage URL and paste into a content box.  o/c not good for…"
11 hours ago
Jamie Baker replied to Shruti Shah's discussion Cancelling Ning Network
"Happened to me when I closed a site. I emailed them (via a billing support ticket), in a modern day…"
11 hours ago
Kos replied to American Energy's discussion Pass Parameters through calling a URL
"You can embed a page from another website using an iframe

<iframe width="100%" height="HEIGHT" scr…"
12 hours ago
Strumelia replied to PeruCool's discussion Alternatives to Ning social network
"Could also be that Soaring simply disallowed 'comments' on his thread because it said what he wante…"
21 hours ago
SweetPotato replied to PeruCool's discussion Alternatives to Ning social network
"I hadn't, no, but I tend to unsubscribe after certain people start on with the usual stuff. Hopeful…"
yesterday
Kos replied to PeruCool's discussion Alternatives to Ning social network
"SP have you noticed Ning "closed" a few discussions?  I did.  Especially SE's a week ago.  Maybe th…"
yesterday
Tyler Durbin replied to PeruCool's discussion Alternatives to Ning social network
"I agree 100%.  There are many of us who are actually very happy with our current sites.  The spam s…"
yesterday
Strumelia replied to Shruti Shah's discussion Cancelling Ning Network
"If you have proof that you contacted Ning and requested cancellation BEFORE the renewal happened, t…"
yesterday
Bernard Lama replied to Bernard Lama's discussion Killer Tip : How to add seach bar to your ning 3.0 network ?
"You are most welcome buddy. And I'm sorry I forgot to attach the code. Here you go :D
<!--CUSTOM G…"
yesterday
Bernadette Arthur replied to Bernard Lama's discussion Killer Tip : How to add seach bar to your ning 3.0 network ?
"Thanks for checking Bernard!  I promise it didn't work before!  LOL!

Where's the code that I can r…"
yesterday
Bernard Lama replied to Shruti Shah's discussion Cancelling Ning Network
"When the cancellation process is done then they won't change you any money.You will get notificatio…"
yesterday
Bernard Lama replied to Bernard Lama's discussion Killer Tip : How to add seach bar to your ning 3.0 network ?
"Hi Bernadette,
When I tried to search Bernadette then it worked perfectly. The following screenshot…"
yesterday
Garfield Archivist left a comment for Jennifer Connelly
"Welcome!"
yesterday
Petter Næss, Daniella Breen, Jonathan Stegman and 4 more joined Ning Creators Network
Tuesday
John Bizley replied to John Bizley's discussion Brand New Facebook Style Photo's page. CODE NOW AVAILABLE
"Thanks George, yes that was a copy error as in the original it only had the one function but the up…"
Tuesday
George H. Compton IV replied to George H. Compton IV's discussion (TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"You're welcome and thank you for the compliment. It makes me happy knowing you like the end results…"
Tuesday
Strumelia replied to Mary Jane Peterson's discussion getting 500: Unexpected Error site down
"I'm getting a lot of these errors on my Ning 2.0 site today.  Anyone else?
I've filed a new support…"
Tuesday
Steve C replied to George H. Compton IV's discussion (TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"George,
Thank you for all your help with getting my responsive design set up. It was above and beyo…"
Tuesday
More…