{"id":17791240,"url":"https://github.com/schell/smugmugjsgallery","last_synced_at":"2025-04-02T01:47:24.846Z","repository":{"id":927455,"uuid":"694665","full_name":"schell/smugmugjsgallery","owner":"schell","description":"A smugmug javascript gallery","archived":false,"fork":false,"pushed_at":"2010-10-18T19:25:17.000Z","size":1127,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-07T16:45:04.316Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/schell.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":"2010-05-30T23:51:31.000Z","updated_at":"2018-07-04T13:40:53.000Z","dependencies_parsed_at":"2022-07-05T22:00:36.625Z","dependency_job_id":null,"html_url":"https://github.com/schell/smugmugjsgallery","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/schell%2Fsmugmugjsgallery","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/schell%2Fsmugmugjsgallery/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/schell%2Fsmugmugjsgallery/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/schell%2Fsmugmugjsgallery/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/schell","download_url":"https://codeload.github.com/schell/smugmugjsgallery/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246741182,"owners_count":20826063,"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-27T10:50:22.724Z","updated_at":"2025-04-02T01:47:24.827Z","avatar_url":"https://github.com/schell.png","language":"JavaScript","readme":"Smug Mug JS Gallery v0.1.2\n==========================\nThis is a gallery viewer for smug mug galleries, written in javascript + mootools. Two of three external libraries are git submodules, so if you wish to embed smugal using option 2 you'll have to download 'go' and 'heyjacks' with\n\tgit submodule init\n\tgit submodule update\nwhich will pull in the submodules from their repos.\n\nUse\n---\nStep 1: Include the monolithic js file, smugal/smugal-monolithic.js (this file is a concatenation of all the libs and smugal.js - for convenience), or optionally, include all the libs and smugal/smugal.js in your html.  \n\t\u003c!-- option 1 --\u003e\n\t\u003cscript src=\"smugal/smugal-monolithic.js\" type=\"text/javascript\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\t\u003c!-- or option 2 --\u003e\n\t\u003cscript src=\"smugal/mootools-1.2.4-core.js\" type=\"text/javascript\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\t\u003cscript src=\"modules/go/go.js\" type=\"text/javascript\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\t\u003cscript src=\"modules/heyjacks/heyjacks.js\" type=\"text/javascript\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\t\u003cscript src=\"smugal/smugal.js\" type=\"text/javascript\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\t\nStep 2: Create a div in the body of your html to hold the gallery - the inner html of this div will be rewritten once the gallery is loaded successfully, which is great for alt content (in case the user has js turned off, or the api calls fail).\n\t\u003cbody\u003e\n\t\t\u003cdiv id=\"theGalleryDivId\"\u003eHere is a smug mug gallery!\u003c/div\u003e\n\t\u003c/body\u003e\n\t\nStep 2: Initialize smugal with your configuration options (description of options below).\n\t\u003cscript type=\"text/javascript\" charset=\"utf-8\"\u003e\n\t\tsmugal({\n\t\t\ttargetId : 'theGalleryDivId',\n\t\t\talbumId : '11397881',\n\t\t\talbumKey : 'MYoeS',\n\t\t\tfadeDuration : 1000\n\t\t});\n\t\u003c/script\u003e\n\t\n\nConfig options\n--------------\nThe configuration options are listed below with their name, type and a description. All options are *optional* EXCEPT targetId, albumId and albumKey. Image size is 'Original' by default.\n\n\ttesting - boolean (true or false) - if true, debugging messages will be output to the js console (don't use this if your browser doesn't have a js console)\n\ttargetId - string ('somestring') - the id of the div the gallery should be injected into (required)\n\talbumId - string - the album id of the album being shown \n\talbumKey - string - the album key of the album being shown\n\t\nA note about album id and key - they can be retreived from your gallery url. They are connected by an underscore '_' as it is in any SmugMug gallery url like in this example:\nhttp://cmac.smugmug.com/gallery/2504559_f3ta9\n2504559 is the albumId\nf3ta9 is the albumKey (the key is case sensitive and you will encounter upper case characters in it)\n\t\t\n\tsize - string - the image size the gallery should display. If the preferred size is not available the gallery will display the original size by default.\n\t\nA note about sizes - the size must be one of the following:\n'X3Large'\n'X2Large'\n'XLarge'\n'Large'\n'Lightbox'\n'Medium'\n'Original'\n'Small'\n'Thumb'\n'Tiny'\n\t\t\t\n\tviewDuration - number - the length of time (in milliseconds) that each picture is shown at full opacity\n\tfadeDuration - number - the length of time (in milliseconds) that each picture takes to fade in or out\n\n\nFurther customization\n---------------------\nYou can customize the gallery through css. All images are displayed inside the target div as img tags, so your css file could look something like this:\n\n\t#theGalleryDivId {\n\t\twidth:100%;\n\t\theight:100%;\n\t\tbackground:#000000;\n\t}\n\n\t#theGalleryDivId img {\n\t\tborder:2px #FFFFFF solid;\n\t\tmargin:auto;\n\t}\n\t","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fschell%2Fsmugmugjsgallery","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fschell%2Fsmugmugjsgallery","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fschell%2Fsmugmugjsgallery/lists"}