WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

Rockstar Slider - jQuery touch slider/gallery

— Add-On pour WorldWideScripts.net

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


Rockstar Slider - jQuery Touch Slider/Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Rockstar tactile Slider est un script pour créer un curseur simple et minimaliste ou d'un diaporama. Voici comment il est différent des autres curseurs autour ici:

Poids léger

Le script est seulement 5kb en taille et il n'y a pas de fichier CSS!

Fluide / Responsive

Le curseur a la capacité de prendre simplement la largeur et la hauteur de son élément parent. Ce qui signifie que si votre côté est fluide et réactive, le curseur sera ainsi. Vous pouvez également coiffer manuellement le principal du curseur pour une largeur et une hauteur fixe, ou ce que vous avez besoin. Il est conçu pour être flexible!

Super facile à utiliser

<div class="slideshow"> <div /> <div /> <div /> </div>

Voilà tout ce dont vous avez besoin pour faire le travail de diaporama! Pas de code javascript est nécessaire et aucun fichier CSS externe. Tout ce que vous devez faire est de mettre le code HTML avec la classe "rockstar-slider" et comprennent le script. Il fera le reste. Rockstar curseur tactile a été conçu dès le départ pour être facile à utiliser.

Natural Animations & Movement

Le script est emballé avec les dispositifs minuscules, comme la détection de vitesse et l'inertie dans le but de faire bouger le plus naturellement possible. Il brille sur appareils à écran tactile, et est tout aussi cool quand vous utilisez une souris.

Images: Remplir ou Fit?

Un problème commun à de nombreux curseurs est que vous devez avoir des images avec exactement la même taille que le curseur. Non, ce ne est pas le cas ici. Peu importe la taille proportion ou les images sont, ils seront toujours remplir la diapositive. Il suffit d'ajouter une classe à l'image comme ceci:

<img src="image.png" class="fill" />

Alternativement, vous pouvez utiliser la classe "ajustement" si vous voulez que l'image tienne dans la diapositive, ne pas perdre un pixel.

Change Log

1.0.3 - le 21 Septembre, ici à 2015

  • Correction d'un bug où les événements tactiles ne seraient pas travailler dans certains navigateurs mobiles.

Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
18 Septembre 12

Dernière mise à jour:
23 Septembre 15

Navigateurs compatibles:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Bord

Fichiers inclus:
JS JavaScript, HTML, CSS

Une version de logiciel:
jQuery

Mots-clés

commerce é, lectronique, commerce é, lectronique, Tous les articles, fluide, galerie, image, des images, minimaliste, photo, Photos, sensible, simple, curseur, diaporama, touche, é, cran tactile