jquery-beforeafter-slider
Version:
A responsive, touch-enabled, and highly customizable jQuery plugin to compare two images with a slider.
70 lines (66 loc) • 3.23 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>jQuery Before & After Viewer Plugin | Responsive Image Comparison Slider</title>
<meta name="description"
content="A responsive, touch-enabled jQuery plugin to compare two images with a draggable slider. Perfect for before and after showcases. Easy to install and customize.">
<meta name="keywords" content="jquery, before after, image comparison, slider, plugin, responsive, touch slider">
<meta name="author" content="MAMEDUL ISLAM">
<link rel="canonical" href="https://mamedul.github.io/jquery-beforeafter-slider/">
<link rel="icon" type="image/png" href="./favicon.png">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mamedul.github.io/jquery-beforeafter-slider/">
<meta property="og:title" content="jQuery Before & After Viewer Plugin | Responsive Image Comparison Slider">
<meta property="og:description"
content="A responsive, touch-enabled jQuery plugin to showcase image comparisons with a draggable slider.">
<meta property="og:image" content="https://mamedul.github.io/jquery-beforeafter-slider/screencapture-jquery-beforeafter-slider.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://mamedul.github.io/jquery-beforeafter-slider/">
<meta name="twitter:title" content="jQuery Before & After Viewer Plugin | Responsive Image Comparison Slider">
<meta name="twitter:description"
content="A responsive, touch-enabled jQuery plugin to showcase image comparisons with a draggable slider.">
<meta name="twitter:image" content="https://mamedul.github.io/jquery-beforeafter-slider/screencapture-jquery-beforeafter-slider.png">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "jQuery Before & After Viewer",
"applicationCategory": "Web-Based Application",
"operatingSystem": "All",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
},
"author": {
"@type": "Person",
"name": "MAMEDUL ISLAM"
},
"softwareHelp": {
"@type": "CreativeWork",
"url": "https://github.com/mamedul/jquery-beforeafter-slider"
}
}
</script>
</head>
<body>
<noscript>
<h1>jQuery Before & After Viewer Plugin</h1>
<p>A responsive, touch-enabled jQuery plugin to compare two images with a draggable slider. Perfect for before and
after showcases. Visit our <a href="https://github.com/mamedul/jquery-beforeafter-slider">GitHub repository</a>
for more information.</p>
</noscript>
<div id="app">Loading documentation...</div>
<script>
window.$docsify = {
name: 'jQuery Before & After Viewer Plugin',
repo: 'https://github.com/mamedul/jquery-beforeafter-slider'
}
</script>
<script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
</body>
</html>