{"id":18553715,"url":"https://github.com/websemantics/image-select","last_synced_at":"2025-08-21T02:31:23.471Z","repository":{"id":12895870,"uuid":"15572796","full_name":"websemantics/Image-Select","owner":"websemantics","description":"Image Select is an extension of Chosen, a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. It provides image support for Single and Multi select HTML tags.","archived":false,"fork":false,"pushed_at":"2017-05-20T14:32:37.000Z","size":8200,"stargazers_count":148,"open_issues_count":10,"forks_count":43,"subscribers_count":14,"default_branch":"master","last_synced_at":"2025-08-20T01:24:58.471Z","etag":null,"topics":["chosen","jquery","jquery-plugin"],"latest_commit_sha":null,"homepage":"http://websemantics.github.io/Image-Select","language":"HTML","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/websemantics.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG","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":"2014-01-02T00:54:23.000Z","updated_at":"2025-08-12T02:08:27.000Z","dependencies_parsed_at":"2022-07-12T15:04:57.794Z","dependency_job_id":null,"html_url":"https://github.com/websemantics/Image-Select","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/websemantics/Image-Select","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/websemantics%2FImage-Select","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/websemantics%2FImage-Select/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/websemantics%2FImage-Select/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/websemantics%2FImage-Select/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/websemantics","download_url":"https://codeload.github.com/websemantics/Image-Select/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/websemantics%2FImage-Select/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271416814,"owners_count":24755961,"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","status":"online","status_checked_at":"2025-08-21T02:00:08.990Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["chosen","jquery","jquery-plugin"],"created_at":"2024-11-06T21:18:05.399Z","updated_at":"2025-08-21T02:31:22.961Z","avatar_url":"https://github.com/websemantics.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"```\n   ╭────────────────────╮                                                                  \n   │     /\\/      ╭──────────╮╭────┬───┬──╮╭──────╮╭─┬────╮╭──────╮                        \n   │         \\/\\  │  ╭╮  ╭╮  ││           │├────  ││ ╭╮   ││  ──  │                        \n   │  /\\/         ╰──╯│  │╰──╯│   ╭╮  ╭╮  ││ ╭╮   ││ ╰╯   ││      │                        \n   │                  │  │    │   ││  ││  ││ ╰╯   │├───   ││  ────┤                        \n   │        Λ         │  │    ╰───╯╰──╯╰──╯╰───┴──╯╰──────╯╰──────╯                        \n   │       ╱ ╲   /░░\\ │ ╭──────╮╭──────╮╭───╮╭──────╮╭──────╮ ╭───╮                         \n   │      ╱   ╲  \\░░/ │ │  ────┤│  ──  ││   ││  ──  ││   ╭──╯╭╯   ╰╮                        \n   │     ╱ \\/\\/╲      │ │      ││      ││   ││      ││   ╰──╮╰╮   ╭╯                        \n   │    ╱       ╲ ╭──╮│ ├────  ││  ────┤│   ││  ────┤│      │ │ ──┤                         \n   │   ╱         ╲│  ╰╯ ╰──────╯╰──────╯╰───╯╰──────╯╰──────╯ ╰───╯  v2.0                       \n   │  ╱           ╰──────────╯\n   ╰────────────────────╯                                                                  \n```\n\n[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/websemantics/Image-Select/master/LICENSE) [![GitHub forks](https://img.shields.io/github/forks/websemantics/Image-Select.svg)](https://github.com/websemantics/Image-Select/network) [![GitHub stars](https://img.shields.io/github/stars/websemantics/Image-Select.svg)](https://github.com/websemantics/Image-Select/stargazers)\n[![Percentage of issues still open](http://isitmaintained.com/badge/open/websemantics/Image-Select.svg)](http://isitmaintained.com/project/websemantics/Image-Select \"Percentage of issues still open\")\n\n\u003e We designed this plugin extension as a humanized UI element for social networking sites that need to facilitate relations between people. Research shows that people are extremely sensitive to photos of others, so we needed to revamp the traditional UI elements to make them more intuitive and human.\n\n\n## New Style\n\u003e Fresh flat styles and new logo \u0026 web design for better user experience\n\n\u003cimg src=\"http://websemantics.github.io/Image-Select/img/sample-w540@2x.png\" style=\"width:540px\" alt=\"Image Select\"/\u003e\n\n#### Try [Live](http://websemantics.github.io/Image-Select/) or [Examples](http://websemantics.github.io/Image-Select/example.html)\n\n\n## Use Scenarios\n\nYou can use these plugin extensions for modelling multiple (one-to-many) or single (one-to-one) relations between people.\n\nWe couldn't find any scripts that had this full functionality, so we developed it ourselves on top of Chosen. Hope you find it helpful, and get back if you have any feedback/improvements.\n\n\n## Installation\n\n- Clone locally,\n\n```bash\ngit clone https://github.com/websemantics/Image-Select\n```\n\n- Install dependencies,\n\n```bash\nbower i\n```\n\n- Browse to `index.html` or `example.html`\n\n\n### Bower Package\n\nInstall in your project,\n\n```\nbower install image-select --save\n```\n\nTo get information about available packages\n\n```bash\nbower info image-select\n```\n\n## Usage\n\nYou only need to add a `data-img-src` attribute to your `\u003coption\u003e` tag.\n\n```html\n\u003cselect class=\"my-select\"\u003e\n  \u003coption data-img-src=\"img/adnan.png\"\u003eAdnan Sagar\u003c/option\u003e\n  \u003coption data-img-src=\"img/rena.png\"\u003eRena Cugelman\u003c/option\u003e\n  \u003coption data-img-src=\"img/tavis.png\"\u003eTavis Lochhead\u003c/option\u003e\n  \u003coption data-img-src=\"img/brian.png\" selected=\"selected\"\u003eBrain Cugelman\u003c/option\u003e\n\u003c/select\u003e\n```\n\nThen call Chosen as you would with the options you need.\n\n```javascript\n$(\".my-select\").chosen();\n```\n\n\n## Support\n\nNeed help or have a question? post a questions at [StackOverflow](https://stackoverflow.com/questions/tagged/image-select)\n\n*Please don't use the issue trackers for support/questions.*\n\n\n## Contributions\n\nWe are more than happy to accept external contributions to the project in the form of feedback, bug reports and even better - pull requests :)\n\n\n# Used by\n\n[PyroCMS Social Field Type](https://github.com/websemantics/social-field_type)\n\n![demo](https://raw.githubusercontent.com/websemantics/Image-Select/master/img/social_field_type.gif)\n\n\n## Open Source\nChosen, http://github.com/harvesthq/chosen\nBragit, http://websemantics.github.io/bragit\n\n\n## Copyright and license\n\n[MIT license](http://opensource.org/licenses/mit-license.php)\nCopyright (c) Web Semantics, Inc.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebsemantics%2Fimage-select","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebsemantics%2Fimage-select","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebsemantics%2Fimage-select/lists"}