GitXplorerGitXplorer
d

jinterest-pinterest-style-web-library

public
5 stars
1 forks
0 issues

Commits

List of commits on branch master.
Unverified
fefb11426ca34a8128e0d7ae064f1d30369a648b

Create version.txt

ddevjin0617 committed 8 years ago
Unverified
747dba5cd457eee3b0a4b4c3ddc7baf21c548fbb

Merge pull request #1 from gitter-badger/gitter-badge

ddevjin0617 committed 8 years ago
Unverified
e435c6f217b9031f596dc7f817c061943d7001c9

Add Gitter badge

ggitter-badger committed 9 years ago
Unverified
523053261d4bbd3b68372ff2cd38040bd9aebf9d

Update README.md

ddevjin0617 committed 9 years ago
Unverified
ec626b1648ae2bd58e48411d17a3167bca132bea

Update index.html

ddevjin0617 committed 9 years ago
Unverified
0effd157fde4e7f96bf9da88752f9a3345f87899

Update jinterest.js

ddevjin0617 committed 9 years ago

README

The README file for this repository.

jinterest-pinterest-style-web-library

Join the chat at https://gitter.im/devjin0617/jinterest-pinterest-style-web-library

jQuery + Bootstrap Pinterest Style Web Library

How to Use

Use? Very Easy!

  1. jquery, bootstrap add CSS, Js Library. and jinterest.js add!

  2. in <div class="jt-body">

  3. data set

  4. jinterest init!

  <html>
    <head>
    <title>jinterest sample</title>
    
    <!-- Latest compiled and minified CSS -->
		<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

		<!-- Optional theme -->
		<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">

		<!-- Jinterest CSS -->
		<link rel="stylesheet" href="https://raw.githubusercontent.com/devjin0617/jinterest-pinterest-style-web-library/master/css/jinterest.css">
    </head>
    <body>
      <div class="jt-body"></div>
      
      
      <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
		<!-- Latest compiled and minified JavaScript -->
		<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

		<!-- Jinterest JavaScript -->
		<script src="https://raw.githubusercontent.com/devjin0617/jinterest-pinterest-style-web-library/master/js/jinterest.js"></script>
		
		<script>
		  var listObj = [{
					id : '1',
					img_url : 'img/img_0.png',
					title : 'helloworld',
					content : 'hello content',
					date : '2014.05.01',
					like_count : '99',
					reply_count : '10'
				}, {
					id : '2',
					img_url : 'img/img_1.png',
					title : 'helloworld',
					content : 'hello content',
					date : '2014.06.01',
					like_count : '99',
					reply_count : '10'
				}];
				
			$(document).ready(function() {
			
			    	/* jinterest init */
				Jinterest(listObj);
			});
				
				
		</script>
    <body>
  </html>

Sample

jinterest