{"id":25687178,"url":"https://github.com/holyshared/exhibition","last_synced_at":"2026-06-13T12:34:12.987Z","repository":{"id":763470,"uuid":"437254","full_name":"holyshared/Exhibition","owner":"holyshared","description":"This plugin beautifully arranges the image. Moreover, the image is smoothly moved.","archived":false,"fork":false,"pushed_at":"2011-07-08T04:37:09.000Z","size":2224,"stargazers_count":2,"open_issues_count":1,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-10-07T01:58:17.918Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://holyshared.github.com/Exhibition/","language":"JavaScript","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/holyshared.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":"2009-12-14T23:49:36.000Z","updated_at":"2014-04-06T17:46:43.000Z","dependencies_parsed_at":"2022-07-07T16:50:45.975Z","dependency_job_id":null,"html_url":"https://github.com/holyshared/Exhibition","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/holyshared/Exhibition","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/holyshared%2FExhibition","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/holyshared%2FExhibition/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/holyshared%2FExhibition/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/holyshared%2FExhibition/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/holyshared","download_url":"https://codeload.github.com/holyshared/Exhibition/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/holyshared%2FExhibition/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34285190,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-13T02:00:06.617Z","response_time":62,"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":[],"created_at":"2025-02-24T20:08:18.687Z","updated_at":"2026-06-13T12:34:12.972Z","avatar_url":"https://github.com/holyshared.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Exhibition\n===========\n\nThis plugin beautifully arranges the image. Moreover, the image is smoothly moved.\n\n![Screenshot](http://holyshared.github.com/Exhibition/images/screenshot.jpg)\n\nHow to use\n----------\n\nA description necessary to use Exhibition is as follows.\n\nThe mark putting of HTML becomes as follows.\n\n\t#HTML\n\t\u003cdiv id=\"container\"\u003e\n\t\t\u003cul id=\"exhibition\" class=\"exhibition\"\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn1.jpg\" width=\"152\" height=\"228\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn2.jpg\" width=\"218\" height=\"147\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn3.jpg\" width=\"154\" height=\"191\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn4.jpg\" width=\"167\" height=\"233\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn5.jpg\" width=\"301\" height=\"187\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn6.jpg\" width=\"167\" height=\"221\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn7.jpg\" width=\"251\" height=\"167\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn8.jpg\" width=\"182\" height=\"213\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn9.jpg\" width=\"249\" height=\"178\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn10.jpg\" width=\"159\" height=\"238\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn1.jpg\" width=\"152\" height=\"228\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn2.jpg\" width=\"218\" height=\"147\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn3.jpg\" width=\"154\" height=\"191\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn4.jpg\" width=\"167\" height=\"233\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn5.jpg\" width=\"301\" height=\"187\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn5.jpg\" width=\"301\" height=\"187\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn6.jpg\" width=\"167\" height=\"221\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn7.jpg\" width=\"251\" height=\"167\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn8.jpg\" width=\"182\" height=\"213\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn9.jpg\" width=\"249\" height=\"178\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn10.jpg\" width=\"159\" height=\"238\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn11.jpg\" width=\"233\" height=\"153\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn1.jpg\" width=\"152\" height=\"228\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn2.jpg\" width=\"218\" height=\"147\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn3.jpg\" width=\"154\" height=\"191\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn4.jpg\" width=\"167\" height=\"233\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn5.jpg\" width=\"301\" height=\"187\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn6.jpg\" width=\"167\" height=\"221\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn7.jpg\" width=\"251\" height=\"167\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\t\u003cli\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"images/home/img_tn8.jpg\" width=\"182\" height=\"213\" /\u003e\u003c/a\u003e\u003c/li\u003e\n\t\t\u003c/ul\u003e\n\t\u003c/div\u003e\n\nThe description of CSS becomes as follows.\nIt becomes full screen specifying 100% in height for body and the html element.\n\n\t#CSS\n\tdiv#container {\n\t\toverflow: hidden;\n\t}\n\t\n\tul.exhibition {\n\t\toverflow: hidden;\n\t\tlist-style: none;\n\t\tposition: relative;\n\t}\n\t\n\tul.exhibition li {\n\t\tposition: absolute;\n\t}\n\t\n\tul.exhibition li a {\n\t\tdisplay: block;\n\t\tpadding: 10px;\n\t\tbackground: #333333;\n\t}\n\t\n\tul.exhibition li a:hover {\n\t\tbackground: #3c94af;\n\t}\n\n\tul.exhibition li.active a {\n\t\tbackground: #3c94af;\n\t}\n\nJavascript is described at the end. The height of the screen is acquired and it specifies it for container element (*div#container*,*ul#exhibition*). \nIt is necessary to note it because it doesn't become full screen if this processing is not done.\n\n\t#JS\n\twindow.addEvent(\"domready\", function() {\n\n\t\tvar height = (Browser.Engine.trident \u0026\u0026 Browser.Engine.version \u003c= 6) ? document.documentElement.clientHeight : window.innerHeight;\n\t\tvar container = $(\"container\");\n\t\tvar exhibition = $(\"exhibition\");\n\n\t\tcontainer.setStyle(\"height\", height);\n\t\texhibition.setStyle(\"height\", height);\n\n\t\tvar images = exhibition.getElements(\"li\");\n\t\tnew Exhibition(exhibition, images, {\"defaultIndex\": Math.round((images.length - 1)/2)});\n\n\t});\n\nOptions\n-------\n\nAll options have default values assigned, hence are optional.\n\n### Version 1.0.1\n\n* **defaultIndex**: (int) Index initial value of image\n* **duration**: (int) duration of animation.\n* **transition**: (string) Transition of animation. ex: expo:in:out, sine:in\n* **blank**: (int) Interval between image and image.\n* **onPreload**: When reading all images is completed, it is generated.\n* **onNext**: It is generated before it changes into the following image.\n* **onPrev**: It is generated before it changes into the previous image.\n* **onSelect**: When selected, it is generated.\n* **onActive**: When the image becomes active, it is generated.\n\n\nScreenshots\n-----------\n\n![Exhibition](http://holyshared.github.com/Exhibition/images/exhibition.jpg)\n![Exhibition.Horizontal](http://holyshared.github.com/Exhibition/images/exhibition-horizontal.jpg)\n![Exhibition.Vertical](http://holyshared.github.com/Exhibition/images/exhibition-vertical.jpg)\n\n\nWordpress Theme Exhibition\n-----------\n\nThe theme of this wordpress is being developed.\nThe one on the way can be confirmed on a site here.\n[Exhibition](http://exhibition.sharedhat.com/)\n\n![Exhibition](http://holyshared.github.com/Exhibition/images/theme.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fholyshared%2Fexhibition","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fholyshared%2Fexhibition","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fholyshared%2Fexhibition/lists"}