{"id":13424320,"url":"https://github.com/carlwoodhouse/jquery.hoverGrid","last_synced_at":"2025-03-15T18:34:40.571Z","repository":{"id":4022231,"uuid":"5122067","full_name":"carlwoodhouse/jquery.hoverGrid","owner":"carlwoodhouse","description":"A simple, lightweight jQuery plugin for creating a grid of images which when hovered reveals a caption","archived":false,"fork":false,"pushed_at":"2014-10-22T10:49:47.000Z","size":251,"stargazers_count":16,"open_issues_count":0,"forks_count":6,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-10-26T23:54:54.898Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/carlwoodhouse.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-07-20T10:44:39.000Z","updated_at":"2020-12-08T02:35:14.000Z","dependencies_parsed_at":"2022-09-02T16:22:33.350Z","dependency_job_id":null,"html_url":"https://github.com/carlwoodhouse/jquery.hoverGrid","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/carlwoodhouse%2Fjquery.hoverGrid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/carlwoodhouse%2Fjquery.hoverGrid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/carlwoodhouse%2Fjquery.hoverGrid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/carlwoodhouse%2Fjquery.hoverGrid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/carlwoodhouse","download_url":"https://codeload.github.com/carlwoodhouse/jquery.hoverGrid/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243775823,"owners_count":20346273,"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-07-31T00:00:52.136Z","updated_at":"2025-03-15T18:34:35.558Z","avatar_url":"https://github.com/carlwoodhouse.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"# jquery.hoverGrid\r\n\r\nA simple, lightweight jQuery plugin for creating a grid of images which when hovered reveals a caption\r\n\r\n## Installation\r\n\r\nInclude script *after* the jQuery library\r\n\r\n    \u003cscript src=\"/path/jquery.hoverGrid.js\"\u003e\u003c/script\u003e\r\n\t\r\nIf you want the default styles also include the css, if not feel free to style it as you see wish!\r\n\r\n\t\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"/path/jquery.hoverGrid.css\"\u003e\r\n\r\n## Usage\r\n\r\ncreate the html markup for the grid in your file\r\n\r\n\t\u003cdiv id=\"whatever\"\u003e\r\n\t\t\u003cdiv class=\"item\"\u003e\r\n\t\t\t\u003cimg width=\"181\" height=\"181\" src=\"/image/source.jpg\" alt=\"my image\" title=\"my image\" /\u003e\r\n\t\t\t\u003cdiv class=\"caption\" style=\"display: none;\"\u003e\r\n\t\t\t\t\u003ch2\u003eSome Title\u003c/h2\u003e\r\n\t\t\t\t\u003cp\u003eThis is a caption to end all captions\u003c/p\u003e\r\n\t\t\t\u003c/div\u003e\r\n\t\t\u003c/div\u003e                 \r\n\t\u003c/div\u003e\r\n\r\napply the js, example:\r\n\r\n\t\u003cscript type=\"text/javascript\"\u003e\r\n\t\t$(document).ready(function() {\r\n\t\t  $('#whatever').hoverGrid();\r\n\t\t});\r\n\t\u003c/script\u003e\r\n\t\r\n\r\nFull Example\r\n\tCheck out our [github-page] (http://carlwoodhouse.github.com/jquery.hoverGrid)\r\n\t\r\n## Options\r\n**itemClass** - Define a class for the grid items\r\n\r\n    itemClass: '.alternate-class'\r\n\t\r\n*Default: '.item'*\r\n\r\n## Authors\r\n\r\n* [Carl Woodhouse](https://github.com/carlwoodhouse)\r\n* [Mark Searle](https://github.com/marksearle)\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcarlwoodhouse%2Fjquery.hoverGrid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcarlwoodhouse%2Fjquery.hoverGrid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcarlwoodhouse%2Fjquery.hoverGrid/lists"}