{"id":26722933,"url":"https://github.com/useallfive/wipe","last_synced_at":"2025-03-27T20:38:21.733Z","repository":{"id":17234468,"uuid":"20003553","full_name":"UseAllFive/wipe","owner":"UseAllFive","description":"A simple jQuery CSS Slideshow for wiping between frames.","archived":false,"fork":false,"pushed_at":"2014-06-24T19:24:49.000Z","size":408,"stargazers_count":3,"open_issues_count":2,"forks_count":2,"subscribers_count":23,"default_branch":"master","last_synced_at":"2024-12-20T07:07:38.826Z","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/UseAllFive.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":"2014-05-21T01:20:50.000Z","updated_at":"2017-02-27T17:09:43.000Z","dependencies_parsed_at":"2022-07-26T14:18:16.129Z","dependency_job_id":null,"html_url":"https://github.com/UseAllFive/wipe","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UseAllFive%2Fwipe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UseAllFive%2Fwipe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UseAllFive%2Fwipe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UseAllFive%2Fwipe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/UseAllFive","download_url":"https://codeload.github.com/UseAllFive/wipe/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245923364,"owners_count":20694713,"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":"2025-03-27T20:38:20.926Z","updated_at":"2025-03-27T20:38:21.708Z","avatar_url":"https://github.com/UseAllFive.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# jQuery Wipe [![Build Status](https://travis-ci.org/UseAllFive/wipe.svg?branch=master)](https://travis-ci.org/UseAllFive/wipe)\n\nA simple jQuery CSS Slideshow for wiping between frames.\n\n\u003cimg src=\"http://ua5.co/image/3M0J141E1H27/slideshow.gif\" width=\"100%\" /\u003e\n\n#### Features:\n- Works with responsive content\n- It doesn’t care about the content; can contain images, videos, text, etc.\n- Works on Chrome, Safari, iOS, Android Chrome, IE10\n- Uses CSS3 transitions\n  - Older browsers will still see the slides advance at the interval (tested in IE9)\n- Works best when all of the slides have the same height\n\n#### Getting Started:\n``` HTML\n\u003cul id=\"slideshow\" class=\"slides\"\u003e\n    \u003cli\u003e\u003cimg src=\"https://31.media.tumblr.com/09e35644c4d31a09ced4525bb9a2f33b/tumblr_n7os355Dfm1qz6f9yo7_r1_500.png\" /\u003e\u003c/li\u003e\n    \u003cli\u003e\u003cimg src=\"https://31.media.tumblr.com/fd81384196550fb0f57d912acc178728/tumblr_n7oqut2kIA1qz6f9yo1_500.jpg\" /\u003e\u003c/li\u003e\n    \u003cli\u003e\u003cimg src=\"https://31.media.tumblr.com/22bfddec03884732e34ab1a93384e594/tumblr_n7oog2kaVV1qz6f9yo2_500.jpg\" /\u003e\u003c/li\u003e\n\u003c/ul\u003e\n```\n\n``` javascript\n$(document).ready(function() {\n    var slideshow;\n\n    //-- Takes an optional options variable\n    slideshow = $('#slideshow').wipe(opts);\n\n\n    //-- Set up previous and next click events:\n    $('.prev').click(function(event) {\n        event.preventDefault();\n        slideshow.prev();\n    });\n\n    $('.next').click(function(event) {\n        event.preventDefault();\n        slideshow.next();\n    });\n});\n```\n\n#### Options:\n``` javascript\nvar opts = {\n\n    //-- Class name that is added to the current visible slide:\n    currentSlideSelector: 'wipeCurrentSlide',\n\n    //-- How long the slide transition is, in milliseconds:\n    transitionSpeed: 1000,\n\n    //-- How long a slide is paused for, in milliseconds:\n    pauseTime: 2000,\n\n    //-- Called when slide appears, returns the slide $el:\n    onSlideAdd: function() {},\n\n     //-- Called after the slide hides, returns the slide $el:\n    onSlideRemove: function() {}\n}\n```\n\n#### Public Methods:\n``` javascript\n//-- Advance to the next slide\nnext()\n\n//-- Pause the slideshow; hit start() to resume.\npause()\n\n//-- Retreat to the previous slide\nprev()\n\n//-- Starts the slideshow\n//   Hits the next() function at the specified interval\nstart()\n\n//-- Stops the slides from animating, and unbinds the attached events.\n//   Useful in single page backbone apps, where you need to remove\n//   and destroy things without causing a memory leak.\nterminate()\n```\n\n#### CSS — this will get you started:\n``` css\n.slides {\n    position: relative;\n}\n.slides\u003eli {\n    position: absolute;\n    top: 0;\n    left: 0;\n    overflow: hidden;\n}\n.slides\u003eli\u003eimg {\n    width: 100%;\n}\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuseallfive%2Fwipe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fuseallfive%2Fwipe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuseallfive%2Fwipe/lists"}