Sly Scroller Jquery
je voudrais utiliser à la suite de plugin http://darsa.in/sly/ mais je ne peux pas le faire fonctionner, voici quelques détails à mon code.
j'ai code HTML suivant:
<div class="scroller">
<div class="scrollbar">
<div class="handle" style="-webkit-transform: translateZ(0px) translateX(0px);"></div>
</div>
<div class="sly" style="overflow: hidden;">
<ul class="slidee" style="-webkit-transform: translateZ(0);">
<li><a href="#" style="position: absolute;" rel="tooltip" data-original-title="kuskov([email protected])"><div style="width:50px;height:50px;overflow:hidden"><img src="/images/users/7.jpg"></div></a></li>
<li><a href="#" style="position: absolute;" rel="tooltip" data-original-title="kuskov([email protected])"><div style="width:50px;height:50px;overflow:hidden"><img src="/images/users/7.jpg"></div></a></li></ul>
</div>
</div>
et à la suite de JS:
$(document).find(".scroller").each(function (i, element) {
var $cont = $(element),
$frame = $cont.find(".sly"),
$scrollbar = $cont.find(".scrollbar");
$frame.sly({
//Sly type
horizontal: 1, //Change to horizontal direction.
itemNav: null, //Item navigation type. Can be: basic, smart, centered, forceCentered.
//Scrollbar
scrollBar: $scrollbar, //Selector or DOM element for scrollbar container.
dragHandle: 0, //Whether the scrollbar handle should be dragable.
dynamicHandle: 0, //Scrollbar handle represents the relation between hidden and visible content.
minHandleSize: 50, //Minimal height or width (depends on sly direction) of a handle in pixels.
clickBar: 0, //Enable navigation by clicking on scrollbar.
syncFactor: 0.50, //Handle => SLIDEE sync factor. 0-1 floating point, where 1 = immediate, 0 = infinity.
});
$frame.sly('reload');
});
Mais de toute façon Sly-barre de défilement ne fonctionne pas? Merci pour l'aide!
Pouvez-vous me lier à l'endroit où vous utilisez votre code? La console Javascript afficher les erreurs?
vous avez enveloppé vos js dans un
vous avez enveloppé vos js dans un
$(document).ready()
clause? c'était mon problèmeOriginalL'auteur ekussberg | 2013-03-18
Vous devez vous connecter pour publier un commentaire.
Tout d'abord, Chargez tous les Scripts pour SLY à la fin de votre corps :
Puis Composez le code HTML comme ceci :
OriginalL'auteur AndroidKrayze
ici vous allez! Le crédit va à ce blog écrivain...
n'oubliez pas de cliquez sur "télécharger", voir plus de détails là!
http://www.okilla.com/614/plugin-sly-scrolling-with-item-based-navigation-support/
OriginalL'auteur Nikhil Pingle
essayer cela, son travail pour moi
OriginalL'auteur Sendy