Han pasado ya unos años desde que el diseño web adaptativo es una técnica en el desarrollo web que no debe pasarse por alto. Es muy importante que un sitio web se adapte al entorno del usuario, con tanto dispositivos que tienen acceso a internet. Así que no solo nuestra estructura e imágenes deben adaptarse sino también complementos (plug-ins de jQuery por ejemplo). Y si de presentador de diapositivas (slideshow) se trata hay muchos y pues este es uno de ellos: SlideMe.
Es un presentador de diapositivas hecho en jQuery. Entre las características que cuenta este complemento están:
- diseño web adaptable
- CSS 3
- compatible con varios navegadores
- facil de configurar
- fácil de instalar y usar
- múltiples instancias
- pantalla completa
- de atractivo diseño
- diferentes efectos de transición entre diapositivas
Uso básico
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="js/slideme.js"></script>
<link rel="stylesheet" href="css/slideme.css" type="text/css" media="all"/>
$(document).ready(function() {
$('#foo').slideme();
});
En la parte HTML
<div id="foo"> <ul class="slideme"> <!-- Class "slideme" is mandatatory! --> <li><img src="img/one.jpg" alt="One"/></li> <li><img src="img/two.jpg" alt="Two"/></li> <li><img src="img/three.jpg" alt="Three"/></li> <li><img src="img/four.jpg" alt="Four"/></li> </ul> </div>
Enlace | SlideMe