文件名称：hover-slider:只需将鼠标悬停在产品卡上即可切换产品图片（+触摸）
文件大小：514KB
文件格式：ZIP
更新时间：2024-06-20 07:37:55
javascript gallery slider e-commerce no-dependencies
悬停滑块 通过将鼠标悬停在产品卡上，微型 JS 库切换产品图像。 具有移动设备回退（“触摸”或“触摸结束”切换）。 没有依赖！ 有React！ *！ 快速开始 将您的产品图像放入具有position: relative;容器中position: relative; 并确保图像占据所有容器宽度（100％） . product-card { position : relative; width : 200 px ; } . product-card img { width : 100 % ; } 将 hover-slider.js 连接到您的页面 < script src =" https://cdn.jsdelivr.net/gh/web-projects-lab/hover-slider@1.0.3/hover-slider.min.js " > </
【文件预览】：
hover-slider-master
----docs()
--------.nojekyll(0B)
--------demo-template.pug(2KB)
--------index-local.html(2KB)
--------images()
--------index.html(2KB)
--------index-local.pug(168B)
--------styles()
--------index.pug(318B)
----LICENSE(1KB)
----hover-slider-indicator.css(445B)
----.gitignore(21B)
----hover-slider.js(10KB)
----hover-slider.min.js(5KB)
----README.md(3KB)