{"id":20800723,"url":"https://github.com/jeankassio/lbt-lightbox","last_synced_at":"2026-04-26T02:32:07.667Z","repository":{"id":124061493,"uuid":"596113121","full_name":"jeankassio/LBT-Lightbox","owner":"jeankassio","description":"LBT Lightbox - Plugin jQuery - Lightbox with captions, image pagination and IndexedDB Support","archived":false,"fork":false,"pushed_at":"2023-05-20T05:26:00.000Z","size":66,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-26T13:44:45.555Z","etag":null,"topics":["indexeddb","jquery","jquery-plugin","lightbox","lightbox-gallery","lightbox-gallery-plugin","lightbox-plugin"],"latest_commit_sha":null,"homepage":"","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/jeankassio.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-02-01T13:50:17.000Z","updated_at":"2023-02-06T21:20:12.000Z","dependencies_parsed_at":null,"dependency_job_id":"d06a7293-9b73-417e-835d-e3b1602ebf1e","html_url":"https://github.com/jeankassio/LBT-Lightbox","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/jeankassio/LBT-Lightbox","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeankassio%2FLBT-Lightbox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeankassio%2FLBT-Lightbox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeankassio%2FLBT-Lightbox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeankassio%2FLBT-Lightbox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jeankassio","download_url":"https://codeload.github.com/jeankassio/LBT-Lightbox/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeankassio%2FLBT-Lightbox/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32284333,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-25T18:29:39.964Z","status":"online","status_checked_at":"2026-04-26T02:00:05.962Z","response_time":129,"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":["indexeddb","jquery","jquery-plugin","lightbox","lightbox-gallery","lightbox-gallery-plugin","lightbox-plugin"],"created_at":"2024-11-17T18:15:03.625Z","updated_at":"2026-04-26T02:32:07.650Z","avatar_url":"https://github.com/jeankassio.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# LBT-Lightbox\nLBT Lightbox - Plugin jQuery - Lightbox with captions and image pagination\n\nA jQuery plugin supporting images, Youtube videos, Vimeo videos and HTML5 videos.\n\nYou can find a demo of the plugin on [CodePen.io](https://codepen.io/jeankassio/pen/xxJPPPR).\n\n## How to use\n\nSelect the parent selector that contains the images/videos you want to insert into the LBT-Lightbox.\n\n```\n\u003cdiv id=\"gallery\"\u003e\n    \u003cimg src=\"https://i.imgur.com/erfkvGW.jpeg\"\u003e   \n    \u003cimg src=\"https://i.imgur.com/7kuTKym.jpeg\"\u003e\n    ...\n```\nIn our case, \"gallery\"\n\n```\n$('#gallery').lbtLightBox();\n```\n\nAnd the result will be:\n\n![](https://i.imgur.com/hJiUIzr.png)\n\n\n##Options\n\nThere are a few options you can pass to the plugin.\nSee the following example:\n\n\n```\n\u003cdiv id=\"gallery\"\u003e\n  \u003cdiv class=\"box\"\u003e\n    \u003cimg src=\"https://i.imgur.com/erfkvGW.jpeg\"\u003e\n    \u003cdiv class=\"caption\"\u003e\n      \u003cp\u003eDescrição numero 1\u003c/p\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"box\"\u003e\n    \u003cimg src=\"https://i.imgur.com/7kuTKym.jpeg\"\u003e\n    \u003cdiv class=\"caption\"\u003e\n      \u003cp\u003eDescrição numero 2\u003c/p\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"box\"\u003e\n  ...\n```\n\nNote that parent and child orientation is different from the first example, so you need to make that explicit in the plugin options.\nAnd there are also captions, which are deactivated by default, which we must activate and explain what their class is.\nWe will also change the pagination amount and its size.\n\n```\n$('#gallery').lbtLightBox({\n    qtd_pagination: 6,\n    pagination_width: \"160px\",\n    pagination_height: \"160px\",\n    custom_children: \".box img\",\n    captions: true,\n    captions_selector: \".caption p\",\n});\n```\n\nAnd the result will be:\n\n![](https://i.imgur.com/OW6iYoY.png)\n\n## Dynamically inserted content\n\nIf you insert content dynamically after calling the plugin, just call the \"update\" method.\n\n```\n$instance = $('#gallery').lbtLightBox({\n    qtd_pagination: 6,\n    pagination_width: \"160px\",\n    pagination_height: \"160px\",\n    custom_children: \".box img\",\n    captions: true,\n    captions_selector: \".caption p\",\n});\n\n~ some content ~\n\n$instance.update();\n```\n\n## Preloading images that will be previewed in Lightbox\n\n```\n$instance = $('#gallery').lbtLightBox();\n\n$instance.preload();\n```\n\n## IndexedDB Support\n\nOr, if you prefer, instead of using image preloading, you can use the IndexedDB client-side database support, which will save all images in the database before they are viewed.\n\nTo do this, just pass the \"bd\" parameter as \"true\"\n\n```\n$instance = $('#gallery').lbtLightBox({\n    db: true\n});\n```\n\n## Copyright and license\n\nCode released under the [MIT license](https://github.com/jeankassio/LBT-Lightbox/blob/main/LICENSE).\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjeankassio%2Flbt-lightbox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjeankassio%2Flbt-lightbox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjeankassio%2Flbt-lightbox/lists"}