Friday, 27 March 2015

Pimax 2.0 - Embed Google Plus & Picasa Album Gallery on your Website - jQuery Plugin

DOCUMENTATION

Step 1: Upload Package to Server

Upload the folder pimax to your hosting server.

You can also host specific file on your server that are mandatory for the plugin -

  1. The jQuery file jquery-1.11.2.min.js or any latest version you want
  2. The Pimax Javascript file jquery.pimax.min.js
  3. The Pimax CSS file pimax_grey.css

Step 2: HTML

Create a container element in your HTML having the class pimax.

<div id="pimax" class="pimax"></div>

Step 3: Javascript

Call the plugin in your Javascript as below

$("#pimax").pimax({ //Google API Key - steps to obtain here //http://demos.codehandling.com/docs/photomax-js/photomax-javascript-documentation.html#keys apiKey:"AIzaSyAlhAqP5RS7Gxwg_0r_rh9jOv_5WfaJgXw", //Link to the User Profile of Google+/Picasa User user:"https://plus.google.com/109833374118865667426", //Collection of Picasa Albums each displayed in a separate Tab //Steps to obtain this link - //http://demos.codehandling.com/docs/photomax-js/photomax-javascript-documentation.html#google album:[ "https://picasaweb.google.com/data/feed/base/user/100201483874315728964/albumid/5708953874296822673?alt=rss&kind=photo&hl=en_US", "https://picasaweb.google.com/data/feed/base/user/109833374118865667426/albumid/5919072007110356513?alt=rss&kind=photo&hl=en_US" ], //Albumn Links to be excluded from the Album Grid exclude:[ "https://picasaweb.google.com/data/feed/base/user/112592709425670873637/albumid/6134954073736209025?alt=rss&kind=photo&hl=en_US" ], //Tab shown by default. Can be l|a1|a2|... selectedTab:"l", //Always show dropdown instead of Tabs alwaysUseDropdown:false, //Skin can be grey|white skin:"grey", //Show Square Thumnbails of equal height showSquareThumbnails:true, //Show view counts showViewCount:true, //Display Captions etc. displayImageCaption:true, displayAlbumCaption:true, displaySinglePhotoAlbums:true, //Maximum Results maxResults:9, //Distance between thumbnails innerOffset:30, //Distance between thumbnail & container outerOffset:30, //Minimum thumbnail widht minItemWidth:200, //Maximum thumbnail widht maxItemWidth:300, //Maximum Container width maxContainerWidth:800 });
THOUGHTS ?

21 comments:

  1. when will it available for download?

    ReplyDelete
    Replies
    1. After 1-2 days probably. Its under quality review by CodeCanyon.
      I would also like to thank you for showing interest and send us your request to make a better version for Pimax :)

      Delete
    2. Hi,

      i have implemented the new script into a test site on our homepage. i have some trouble with the album tab.

      the album tab show albums which are not selected at the script. The selcted are shown as tab, but not shown on the album tab.

      for your info.
      the URL for G+ is a business site url (
      URL: https://plus.google.com/u/0/b/102413893177424734935/

      URL Album: https://plus.google.com/u/0/b/102413893177424734935/photos/102413893177424734935/albums/5999241494909912193

      FYI - POST: https://plus.google.com/u/0/b/102413893177424734935/+MbcvogelweideAtWienerwald/posts

      any suggestions how to fix this on my site?
      one other fing. is it possible to set more than 2 columns? mayby 4?

      Test Site:
      http://mbc-vogelweide.at/gallery/test.php

      kind regards,
      Reinhold

      Delete
    3. Hi,

      sorry.... one more thing. if i set 'a1' by selected tab on page load, it does not load automatically the albums. With 'p' it works.

      the question about more rows is solved.... :)

      if the photo and album Tab shows every time all Photos / albums from the account, is it possible to hide this two tabs?

      regards,
      Reinhold

      Delete
    4. i am so sorry... is it possible to hide the picture size and the data size?
      regards,
      Reinhold

      Delete
    5. Hello, Already sent you the replies via email -

      1. Selected Tab - you have currently set it to "1". Please set it to "a1"

      2. To hide picture size and resolution, sent you CSS to add it to your Page

      3. To hide Photos and Albums Tabs - sent you CSS to add to your HTML page.

      -Jake

      Delete
  2. Hi,

    many thanks for your fast and professional help.

    kind regards,
    Reinhold

    ReplyDelete
  3. Hello - I downloaded your youtube component - it works great. Thanks. Tried the Picassa one (pimax) - but I can't get it to work (the demo even). It just brings up the page with your text, no pics, etc. Both pimax and pimax_test don't actually do anything. All files are on the server and permissions are ok. Are you sure the latest download works?

    Kind regards - Paul

    ReplyDelete
    Replies
    1. Hello Paul, Yes it works. Please send me the link to your webpage where you have implemented Pimax :)

      web.codehandling@gmail.com

      Delete
    2. I have sent you the details via mail and looks like it is working on your site. Cheers :)

      Delete
  4. Good evening , first thank you for your wonderful work and effort.
    I purchased the plugin google + and I would like to know ask some questions :
    1- you can remove the tag resolution and size to the pictures?
    2- when I go to put your own picture cover me not on the cover of the gallery , is black ...
    thank you very much

    ReplyDelete
    Replies
    1. Hello Sir, Thank Your for the the purchase.

      1. To remove tag resolution and size, please add the below text into the CSS files, preferably the pimax_grey.min.css or pimax_white.min.css file -

      .pimax-duration, .pimax-definition {
      display: none;
      }


      2. To change the cover picture of the Pimax gallery, please change your cover image in Google Plus. It will be reflected on Pimax as well.

      Also, please directly comment on the CodeCanyon comments to receive faster and direct developer support :)

      Delete
  5. Guys, for any help and support on the plugin or installation, please directly comment on CodeCanyon for faster and direct developer support :)
    http://codecanyon.net/item/pimax-google-picasa-album-gallery-on-websites/10943163/comments

    ReplyDelete
  6. Hello, is it possible to hide the profile picture album and display album name instead of upload date? Thanks!

    ReplyDelete
    Replies
    1. Hello Sir, that is the Albums name itself. Actually the page owner has set the date as the album name :)

      Delete
  7. This week, Google changed thier way of sharing albums. now my new albums are no longer visible. What to do ??

    ReplyDelete
    Replies
    1. Please follow below steps to make your albums public and get a public link-
      http://demos.codehandling.com/docs/photomax-js/photomax-javascript-documentation.html#google

      Delete
  8. This comment has been removed by a blog administrator.

    ReplyDelete
  9. Hi there, I have around 1700 albums in my picasa account, I just want to show 10-15 albums in pimax window at once, how can we do that? A quick help would be appreciated.. Thanx

    ReplyDelete
    Replies
    1. My quickest advice wold be this - make a new account. Transfer your 15 albums to that and that's it :)

      Delete
  10. Hi, does this plugin still work with the new Google Photos platform that's replacing the Picasa Web Albums / Google Plus photos?

    ReplyDelete