1.0.2 • Published 1 year ago
neo-jquery-slide v1.0.2
neo-jquery slider plugin
primer plugin hecho para la libreria neo-jquery basado en funciones para la utilización de slider cuenta con su propio CSS
usos
para usarlos son de las mismas formas de la libreria la version browser tiene mas formas
<!-- SLIDE START -->
<div id="slider-container" class="slider-container">
<div class="slider" id="slider">
<div class="slider__element slider__element--lightcoral">1</div>
<div class="slider__element slider__element--lightgreen">
<img
src="https://images.pexels.com/photos/40661/tiger-snow-growling-zoo-40661.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"
alt=""
/>
</div>
<div class="slider__element slider__element--lightskyblue">3</div>
<div class="slider__element slider__element--lightsalmon">4</div>
</div>
</div>
<div class="slider-buttons">
<button id="button-left" class="button"><</button>
<button id="button-right" class="button">></button>
</div>
<!-- SLIDE END -->
styles
browser
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/neo-jquery-slide/style/style.css">
electron
<link rel="stylesheet" href="<path>/node_modules/neo-jquery-slide/style/style.css">
bundle
import 'neo-jquery-slide/style/style.css'
js
using in browser
<script src="https://cdn.jsdelivr.net/npm/neo-jquery"></script>
<script src="https://cdn.jsdelivr.net/npm/neo-jquery-slide"></script>
$slider("slider")
using with cjs
const $slider = require('neo-jquery-slide');
$slider("slider")
using with esm
import $slider from 'neo-jquery-slide'
$slider("slider")