TIPS: N2 & N3 Responsive jQuery Lightbox With Flip and Overlay Effects - flipLightBox

[Bernard Lama]

What is flipLightBox?
flipLightBox is a responsive and easy-to-use jQuery lightbox plugin that comes with image flip effect and navigation functionality.

How to implement it?
Step 1 : Copy and paste the following code into notepad.
Step 2: add image links.
Step 3: copy and paste the entire code into custom code. You are done.

For live preview click on any image here 

If you are looking for more than this tip or want to hire me for any kind of Ning custom job or ning re-designing jobs, you can directly contact me @ [e-mail]

Follow us on facebook https://www.facebook.com/ningtips

<div class="domtab">
<p style="text-align: center;" class="font-size-5"><span style="color: #568203;"><strong>PHOTO GALLERY</strong></span></p>
<div id="container"><a href="ADD_YOURIMAGE LINK HERE.JPG" class="flipLightBox"><img src="ADD_YOURIMAGE LINK HERE.JPG" alt="Image 1" height="200" width="200" /> <span>HEADING FOR IMAGE<br />
IMAGE DESCRIPTION GOES HERE</span></a>"><a href="ADD_YOURIMAGE LINK HERE.JPG" class="flipLightBox"><img src="ADD_YOURIMAGE LINK HERE.JPG" alt="Image 1" height="200" width="200" /> <span>HEADING FOR IMAGE<br />
IMAGE DESCRIPTION GOES HERE</span></a> </div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript">
</script>
<script src="https://storage.ning.com/topology/rest/1.0/file/get/9453160?profile=original" type="text/javascript">
</script>
<script type="text/javascript"> $('body').flipLightBox()
</script>
</div>

PREVIEW

[George H. Compton IV]

Awesome find Bernard you did a great job altering it for a Ning network.. Kudos :-)

[Bernard Lama]

Thank you George. Hope other folks will also use my tips as I always wanted to share.

Best Wishes

Bernard

[⚡JFarrow⌁]

Nice work Bernard!

[Bernard Lama]

Thank you JFarrow.

[ANGE.L LUAR]

help, I need help, my profile page disappeared

Posted by Jesus Silva on February 13, 2015 at 2:49pm in Ning 3 Community Support

Can anyone tell me if the ning 3 is possible to do a restore standard?

The profile page has disappeared ...

By clicking on the profile page appears it. This is true for all members

the panel my page, clicking does not appear anything, or is selected. Can anyone help me?