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

Nate Walker replied to Nate Walker's discussion Removing Shadow in Cover Photo
"Ah. I found the answer: 
http://creators.ning.com/forum/topics/black-gradient-filter
Thanks, John!…"
1 hour ago
JFarrow replied to Steve C's discussion Different Ways to Make Ning 2 Sites Mobile-Friendly by April 21
"i think that the fact that Ning is technically a web app makes a difference.."
1 hour ago
TJ @ jQueryHelp replied to M.Tariq Malik's discussion Policy Breach Notice.. Help Required
"I'll send you a private message about this.
Best wishes!
"TJ""
2 hours ago
Ron replied to Traddie's discussion How do you increase the width of an image beyond 750 on a page
"Hi Traddie, I think this issue has been solved before. You could try looking for old posts re: CSS…"
2 hours ago
Thomas Hoey replied to Steve C's discussion Different Ways to Make Ning 2 Sites Mobile-Friendly by April 21
"No prob with my site."
3 hours ago
Thomas Hoey replied to Steve C's discussion Different Ways to Make Ning 2 Sites Mobile-Friendly by April 21
"My ning 3 site is and was deemed mobile friendly. I don't think there is a problemwith ning 3.0 www…"
3 hours ago
Ron replied to Ron's discussion Ning Apps Early Access Program Now Live!
"Hey Thomas, Yes, we are still sorting out details for the monthly plan and will inform you here as…"
3 hours ago
Ron replied to Ron's discussion Ning Apps Early Access Program Now Live!
"Yes Mary Jane, we do have a monthly plan as soon as most of the apps are ready for release. I will…"
3 hours ago
Ron replied to Ron's discussion Ning Apps Early Access Program Now Live!
"Jords, we're really pushing forward with the Classifieds app. We have to start with the important f…"
3 hours ago
Ron replied to Ron's discussion Ning Apps Early Access Program Now Live!
"Thanks a lot SP. Yes I know the service model is a bit confusing at first but we'll get this sorted…"
3 hours ago
Strumelia replied to Steve C's discussion Different Ways to Make Ning 2 Sites Mobile-Friendly by April 21
"Ning 3.0 isn't mobile friendly ???"
3 hours ago
Mary Jane Peterson replied to Steve C's discussion Different Ways to Make Ning 2 Sites Mobile-Friendly by April 21
"this is not good new for ning 3 as it is not  mobile-friendly yet so ning better do some thing "
4 hours ago
Mary Jane Peterson replied to Steve C's discussion Different Ways to Make Ning 2 Sites Mobile-Friendly by April 21
"I tested my site for my ning 2 .0"
4 hours ago
SweetPotato replied to Ron's discussion Ning Apps Early Access Program Now Live!
"True. I moved my legal community from Ning to BuddyPress and am in the process of repurposing the m…"
5 hours ago
Thomas Hoey replied to Ron's discussion Ning Apps Early Access Program Now Live!
"Same question as Mary Jane. Will you have a monthly plan. A yearly plan is not acceptable."
6 hours ago
Steve C replied to Ron's discussion Ning Apps Early Access Program Now Live!
"Jords,
There are a lot of good Wordpress themes and plugins for jobs and directories, and you can g…"
6 hours ago
Steve C replied to Steve C's discussion Different Ways to Make Ning 2 Sites Mobile-Friendly by April 21
"Your experience needs to be researched, for sure.
Google's mobile friendly test got the Ning 2 mobi…"
6 hours ago
Jords replied to Ron's discussion Ning Apps Early Access Program Now Live!
"A really, really, REALLY good listings app for jobs, businesses, etc etc would get my vote, but a s…"
6 hours ago
steve replied to Ron's discussion Ning Apps Early Access Program Now Live!
"MMMmm, its a god send this place for people who want to make a fortune of the desperate and needy m…"
6 hours ago
SweetPotato replied to Ron's discussion Ning Apps Early Access Program Now Live!
"Ron,

I assume many of the more complex apps will be dependant on the stalled Ning v2.0 API for Ni…"
6 hours ago
More…