{"id":13591769,"url":"https://github.com/repp/BalancedGallery","last_synced_at":"2025-04-08T17:32:30.587Z","repository":{"id":64949028,"uuid":"12248635","full_name":"repp/BalancedGallery","owner":"repp","description":"A balanced photo gallery plugin for jQuery.","archived":false,"fork":false,"pushed_at":"2017-09-16T12:30:07.000Z","size":234,"stargazers_count":155,"open_issues_count":8,"forks_count":34,"subscribers_count":13,"default_branch":"master","last_synced_at":"2024-11-06T12:45:10.352Z","etag":null,"topics":["image-gallery","javascript","jquery","jquery-plugin","linear-parition"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"wtfpl","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/repp.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-08-20T16:56:37.000Z","updated_at":"2023-07-30T14:55:19.000Z","dependencies_parsed_at":"2022-12-19T08:53:39.179Z","dependency_job_id":null,"html_url":"https://github.com/repp/BalancedGallery","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/repp%2FBalancedGallery","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/repp%2FBalancedGallery/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/repp%2FBalancedGallery/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/repp%2FBalancedGallery/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/repp","download_url":"https://codeload.github.com/repp/BalancedGallery/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247892710,"owners_count":21013769,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["image-gallery","javascript","jquery","jquery-plugin","linear-parition"],"created_at":"2024-08-01T16:01:01.741Z","updated_at":"2025-04-08T17:32:25.574Z","avatar_url":"https://github.com/repp.png","language":"JavaScript","readme":"Balanced Gallery\n=========\nBalanced Gallery is a jQuery plugin that evenly distributes photos across rows or columns, making the most of the space provided.\nPhotos are scaled based on the size of the 'container' element by default, making Balanced Gallery a great choice for responsive websites.\n\nDemos\n-------\n[Horizontal Gallery Demo](http://www.ryanepp.com/demos/balanced_gallery/horizontal)\n\n[Vertical Gallery Demo](http://www.ryanepp.com/demos/balanced_gallery/vertical)\n\nQuick Start\n----------\nImport JQuery and the Plugin:\n``` html\n\u003cscript type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript type=\"text/javascript\" src=\"jquery.balanced-gallery.min.js\"\u003e\u003c/script\u003e\n```\n\nCall the plugin on the element containing the gallery's images:\n``` javascript\n// wait for the page to load\n$(window).load(function() {\n   $('#myGallery').BalancedGallery({ /* options */ });\n});\n```\n\nOptions\n-------\n``` javascript\nvar defaults = {\n            autoResize: true,                   // re-partition and resize the images when the window size changes\n            background: null,                   // the css properties of the gallery's containing element\n            idealHeight: null,                  // ideal row height, only used for horizontal galleries, defaults to half the containing element's height\n            idealWidth: null,                   // ideal column width, only used for vertical galleries, defaults to 1/4 of the containing element's width\n            maintainOrder: true,                // keeps images in their original order, setting to 'false' can create a slightly better balance between rows\n            orientation: 'horizontal',          // 'horizontal' galleries are made of rows and scroll vertically; 'vertical' galleries are made of columns and scroll horizontally\n            padding: 5,                         // pixels between images\n            shuffleUnorderedPartitions: true,   // unordered galleries tend to clump larger images at the begining, this solves that issue at a slight performance cost\n            viewportHeight: null,               // the assumed height of the gallery, defaults to the containing element's height\n            viewportWidth: null                 // the assumed width of the gallery, defaults to the containing element's width\n        };\n```\n\nBrowser Compatibility\n------------\nTested and working in:\n* Chrome\n* Safari\n* FireFox\n* IE 9+\n* Mobile Safari\n* Mobile Chrome\n\n\nContributing\n------------\nIf you'd like to contribute a feature or bugfix, that's awesome. Go for it. As of right now I don't have a specific set of guidelines for contributions but try to follow the plugin's current coding style.\n\nLicense\n---------\nCopyright (c) 2013 [Ryan Epp](https://twitter.com/ryanEpp) Licensed under the WTFPL license.\n\nAcknowledgements\n----------------\nInspired by [crispymtn](http://www.crispymtn.com/stories/the-algorithm-for-a-perfectly-balanced-photo-gallery).\nLinear partitioning algorithm ported from [Óscar López](http://stackoverflow.com/questions/7938809/dynamic-programming-linear-partitioning-please-help-grok/7942946#7942946)\n","funding_links":[],"categories":["Images"],"sub_categories":["Data Table"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frepp%2FBalancedGallery","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frepp%2FBalancedGallery","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frepp%2FBalancedGallery/lists"}