v3.0.4

Updated plugin to work with: jQuery v2.0.3 and Bootstrap v3.0.3

• improved docs.
• improved modal window.
• improved mobile view (specifically: iphone5).
• added an api for adding a cover photo to your profile see this.

and then use it like this :

$('#selector').pongstgrm({
  show:             'profile',
  picture_size:     '64'                  // sets profile picture to 64x64 pixels, no need to add px
  profile_bg_img:   '/path/to/image.jpg', // image url
  profile_bg_color: '#d9534f'             // background color
});

yay!

v3.0.2

Fix for #12, updated to Bootstrap v3.0.3

v3.0.1

• Fixed docs typos.

Official v3.0.0

Please refer to the Project Page for docs, examples, and discussion.

---

Features:

• Bootstrap 3 Frontend
• Pre-loader spinners are now CSS (no more gif)
• option to show a specific #6
• option to show basic info (profile)
• customisable thumbnail columns
• customisable pre-loader spinner
• customisable pagination button text
• customisable like icon and comment icon
• enable/disable timestamp
• enable/disable likes and comments count
• add css3 animation/transitions to thumbnails (on hover, doesn't work on touch devices)
• video playback
• image pre-loader on modal dialog
• added custom video controls

---

Usage:

$('#selector').pongstgrm({
  // show your recent media, likes, feed or any tag
  show: "string", 

  // number of media you'd like to display, default is 8
  count: integer, 

  // show likes count, false: doesn't show it
  likes: true, 

  // add your css3 animation/transition for thumbnails
  effects:  "string", 

  // show comments count, false: doesn't show it
  comments: true,

  // show media timestamp, false: doesn't show it 
  timestamp: true 
})

You can also control the css classes:

$('#selector').pongstgrm({
  // custom selector for preload spinner
  preload:     "spinner",

  // custom selector for load more button
  button:      "btn btn-success pull-right",

  // custom text for load more
  buttontext:  "Load more",

  // custom columns for thumbnail
  column:      "col-xs-6 col-sm-3 col-md-3 col-lg-3",

  // custom likes icon
  likeicon:    "glyphicon glyphicon-heart",

  // custom comment icon
  commenticon: "glyphicon glyphicon-comment"
});

v3.0-rc2

Release Candidate 2:

Please refer to the Project Page for docs, examples, and discussion.

---

Updates:

• Fixed issue #8 modal dialog image doesn't load on second click.

---

Features:

• Bootstrap 3 Frontend
• Pre-loader spinners are now CSS (no more gif)
• option to show a specific #6
• option to show basic info (profile)
• customisable thumbnail columns
• customisable pre-loader spinner
• customisable pagination button text
• customisable like icon and comment icon
• enable/disable timestamp
• enable/disable likes and comments count
• add css3 animation/transitions to thumbnails (on hover, doesn't work on touch devices)
• video playback
• image pre-loader on modal dialog
• added custom video controls

---

Usage:

$('#selector').pongstgrm({
  // show your recent media, likes, feed or any tag
  show: "string", 

  // number of media you'd like to display, default is 8
  count: integer, 

  // show likes count, false: doesn't show it
  likes: true, 

  // add your css3 animation/transition for thumbnails
  effects:  "string", 

  // show comments count, false: doesn't show it
  comments: true,

  // show media timestamp, false: doesn't show it 
  timestamp: true 
})

You can also control the css classes:

$('#selector').pongstgrm({
  // custom selector for preload spinner
  preload:     "spinner",

  // custom selector for load more button
  button:      "btn btn-success pull-right",

  // custom text for load more
  buttontext:  "Load more",

  // custom columns for thumbnail
  column:      "col-xs-6 col-sm-3 col-md-3 col-lg-3",

  // custom likes icon
  likeicon:    "glyphicon glyphicon-heart",

  // custom comment icon
  commenticon: "glyphicon glyphicon-comment"
});

v3.0-rc

Updates:

• added custom video controls

---

Features:

• Bootstrap 3 Frontend
• Pre-loader spinners are now CSS (no more gif)
• option to show a specific #6
• option to show basic info (profile)
• customisable thumbnail columns
• customisable pre-loader spinner
• customisable pagination button text
• customisable like icon and comment icon
• enable/disable timestamp
• enable/disable likes and comments count
• add css3 animation/transitions to thumbnails (on hover, doesn't work on touch devices)
• video playback
• image pre-loader on modal dialog

---

Usage:

$('#selector').pongstgrm({
  // show your recent media, likes, feed or any tag
  show: "string", 

  // number of media you'd like to display, default is 8
  count: integer, 

  // show likes count, false: doesn't show it
  likes: true, 

  // add your css3 animation/transition for thumbnails
  effects:  "string", 

  // show comments count, false: doesn't show it
  comments: true,

  // show media timestamp, false: doesn't show it 
  timestamp: true 
})

You can also control the css classes:

$('#selector').pongstgrm({
  // custom selector for preload spinner
  preload:     "spinner",

  // custom selector for load more button
  button:      "btn btn-success pull-right",

  // custom text for load more
  buttontext:  "Load more",

  // custom columns for thumbnail
  column:      "col-xs-6 col-sm-3 col-md-3 col-lg-3",

  // custom likes icon
  likeicon:    "glyphicon glyphicon-heart",

  // custom comment icon
  commenticon: "glyphicon glyphicon-comment"
});

v3.0-beta.2

Updates:

• Video playback
• Image pre-loader on modal dialog

---

Features:

• Bootstrap 3 Frontend
• Pre-loader spinners are now CSS (no more gif)
• option to show a specific #6
• option to show basic info (profile)
• customisable thumbnail columns
• customisable pre-loader spinner
• customisable pagination button text
• customisable like icon and comment icon
• enable/disable timestamp
• enable/disable likes and comments count
• add css3 animation/transitions to thumbnails (on hover, doesn't work on touch devices)

---

Usage:

$('#selector').pongstgrm({
  // show your recent media, likes, feed or any tag
  show: "string", 

  // number of media you'd like to display, default is 8
  count: integer, 

  // show likes count, false: doesn't show it
  likes: true, 

  // add your css3 animation/transition for thumbnails
  effects:  "string", 

  // show comments count, false: doesn't show it
  comments: true,

  // show media timestamp, false: doesn't show it 
  timestamp: true 
})

You can also control the css classes:

$('#selector').pongstgrm({
  // custom selector for preload spinner
  preload:     "spinner",

  // custom selector for load more button
  button:      "btn btn-success pull-right",

  // custom text for load more
  buttontext:  "Load more",

  // custom columns for thumbnail
  column:      "col-xs-6 col-sm-3 col-md-3 col-lg-3",

  // custom likes icon
  likeicon:    "glyphicon glyphicon-heart",

  // custom comment icon
  commenticon: "glyphicon glyphicon-comment"
});

2.0.0

updated docs, you may now show: 'TAGS' :)