{"id":17874013,"url":"https://github.com/nigma/jquery-expandme","last_synced_at":"2025-07-17T00:31:43.224Z","repository":{"id":1968695,"uuid":"2899710","full_name":"nigma/jquery-expandme","owner":"nigma","description":"Small jQuery plugin for expanding images and other content in articles.","archived":false,"fork":false,"pushed_at":"2011-12-02T20:21:17.000Z","size":140,"stargazers_count":5,"open_issues_count":1,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-04T01:23:44.261Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://en.ig.ma/notebook/2011/jquery-expandme-plugin","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nigma.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2011-12-02T16:22:06.000Z","updated_at":"2017-07-13T15:48:07.000Z","dependencies_parsed_at":"2022-08-28T03:30:40.335Z","dependency_job_id":null,"html_url":"https://github.com/nigma/jquery-expandme","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/nigma/jquery-expandme","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nigma%2Fjquery-expandme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nigma%2Fjquery-expandme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nigma%2Fjquery-expandme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nigma%2Fjquery-expandme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nigma","download_url":"https://codeload.github.com/nigma/jquery-expandme/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nigma%2Fjquery-expandme/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265554776,"owners_count":23787279,"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":[],"created_at":"2024-10-28T11:07:18.827Z","updated_at":"2025-07-17T00:31:43.208Z","avatar_url":"https://github.com/nigma.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# jQuery expandme plugin\n\nA jQuery JavaScript plugin for expanding images vertically in articles.\n\n## Description\n\nThis is a very simple plugin that can be useful when putting large images\n(i.e. website screenshots) inside articles.\n\nAn image can occupy full width of an article while only the top part of it is\nvisible. An expand/collapse bar at the bottom of the image view expands the\nimage container vertically making the image fully visible.\n\n## Usage\n\nAssume we have an article with embedded image inside .expandme wrapper and\ndefined stylesheet similar to the one in ``jquery.expandme\\css\\expandme.css``.\n\n    \u003carticle\u003e\n        \u003cdiv class=\"expandme\" style=\"height: 440px;\"\u003e\n            \u003cimg src=\"image.jpg\" /\u003e\n            \u003ca href=\"#\" class=\"expand-toggle\"\u003e\u003c/a\u003e\n        \u003c/div\u003e\n    \u003c/article\u003e\n\nThen the corresponding JS bit is:\n\n    $('.expandme').expandme();\n\n\nThe plugin can also take callbacks so for example you may want to scroll to\narticle top when collapsing an image:\n\n    $('.expandme').expandme({\n        onBeforeCollapse: function(settings){\n            var $elem = $(this); // Expandable\n            // requires scrollTo plugin\n            $.scrollTo($elem.parents('article'), settings.speed);\n        }\n    });\n\n## Options\n\nAll available plugin settings:\n\n    var settings = $.extend({\n        height: null,                    // Initial height of image (usually specified in css)\n        speed: 500,                      // Expansion/collapsing speed\n        expandEasing: 'swing',           // Expand easing for jQuery animate\n        collapseEasing: 'swing',         // Collapsing easing for jQuery animate\n        activeClass: 'active',           // Class added to expanded element\n        expandToggleClass: 'expand-toggle', // Class for anchor element that triggers expand action\n        onBeforeExpand: null,            // Function to call before expanding\n        onAfterExpand: null,             // Function to call after expanding\n        onBeforeCollapse: null,          // Function to call before collapsing\n        onAfterCollapse: null,           // Function to call after collapsing\n        contentSelector: 'img',          // jQuery selector string of full-height content element\n        namespace: 'expandme'            // Plugin data namespace\n    }, options);\n\n\n## Resources\n\nSee the ``css`` and ``img`` folders for stylesheet and image resources required\nby the plugin.\n\n## Demo\n\nSee ``index.html`` file in the demo folder or\n[http://en.ig.ma/projects](http://en.ig.ma/projects) for examples.\n\nRead more at [http://en.ig.ma/notebook/2011/jquery-expandme-plugin](http://en.ig.ma/notebook/2011/jquery-expandme-plugin).\n\n## Download\n\nThe source code is on [GitHub](https://github.com/nigma/jquery-expandme)\nand [BitBucket](https://bitbucket.org/nigma/jquery-expandme). Grab it from there\nor download latest\n[zipped code](https://github.com/nigma/jquery-expandme/zipball/master).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnigma%2Fjquery-expandme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnigma%2Fjquery-expandme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnigma%2Fjquery-expandme/lists"}