SHARE
TWEET

Isotope in SharePoint

alexboev Aug 28th, 2013 314 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!-- isotope CSS-->
  2. <link rel='stylesheet' type='text/css' href='/_catalogs/masterpage/isotope-style.css'></link>
  3.  
  4. <!-- JQuery-->
  5. <script type='text/javascript' src='/_catalogs/masterpage/jquery-1.7.1.min.js'></script>
  6.  
  7. <!-- isotope script -->
  8. <script type='text/javascript' src='/_catalogs/masterpage/jquery.isotope.min.js'></script>
  9.  
  10. <!-- isotope HTML-->
  11. <div id="container">
  12.     <div class="element other nonmetal" data-symbol="H" data-category="other">
  13.       <p class="number">1</p>
  14.       <h3 class="symbol">H</h3>
  15.       <h2 class="name">Hydrogen</h2>
  16.       <p class="weight">1.00794</p>
  17.     </div>
  18. </div>
  19.  
  20. <!-- isotope startup script-->
  21. <script type='text/javascript'>
  22. $(function(){
  23.       var $container = $('#container');
  24.       $container.isotope({
  25.         itemSelector: '.element'
  26.       });
  27.     });
  28. </script>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top