Skip to content

morris821028/jquery-hex-gallery

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

jquery-hex-gallery

create beautiful hexagon shapes with CSS3, jquery

Usage

javascript

in header

<script src="js/jquery.hex.gallery.js" type="text/javascript"></script>	
<script src="js/jquery.lazyload.js" type="text/javascript"></script> 
<script src="js/jquery.als.link-1.6.js" type="text/javascript"></script> 

css

<link rel="stylesheet" href="css/style.css">

html

<body>
	...
	     <script type="text/hex-gallery">
{
  "album" : [
      {
        "cover": {"title": "<p>Stephanie Dola</p>", "class": "hex-1", "img" : "http://i.imgur.com/xaykK2s.jpg"},
        "photo": [
          {"imgur": "http://i.imgur.com/yIoACHc.gif"},
          {"imgur": "http://i.imgur.com/uINck6K.gif"},
          {"imgur": "http://i.imgur.com/zOZJEex.gif"}
        ]
      },
      {
        "cover": {"title": "<p>Moe Moe</p>", "class": "hex-1", "img": "http://i.imgur.com/SOjLn66.jpg"},
        "photo": [
          {"imgur": "http://i.imgur.com/YSmWA3g.gif"},
          {"imgur": "http://i.imgur.com/6G4BDxU.gif"},
          {"imgur": "http://i.imgur.com/kuH4XVL.gif"},
          {"imgur": "http://i.imgur.com/0NemOhQ.gif"},
          {"imgur": "http://i.imgur.com/tedXr7Y.gif"},
          {"imgur": "http://i.imgur.com/5IHR8bQ.gif"}
        ]
      },
      {
        "cover": {"title": "<p>Chiyo Gekkan</p>", "class": "hex-1", "img": "http://i.imgur.com/FbZZuQC.png"},
        "photo": [
          {"imgur": "http://i.imgur.com/dCw8LFb.gif"},
          {"imgur": "http://i.imgur.com/ZtHGJYd.gif"},
          {"imgur": "http://i.imgur.com/4eZyFHp.gif"}
        ]
      },
      {
        "cover": {"title": "<p>Other</p>", "class": "hex-1", "img": "http://i.imgur.com/FbZZuQC.png"},
        "photo": [
          {"imgur": "http://i.imgur.com/vpKzynV.gif"}
        ]
      }
  ]
}
	   </script>
     ...
</body>

About

create beautiful hexagon shapes with CSS3, jquery

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published