SlideShare una empresa de Scribd logo
1 de 76
Descargar para leer sin conexión
How I Develop Carousel Module
LIFE IS HARD
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
555…
How I Develop Carousel Module
How I Develop Carousel Module
KISSY().use("carousel", function(S) {
    var handle = new S.Carousel('sample', {
        direction: 'h',
        autoStart: false,
        speed: 500,
        scrollWidth: 400,
        onBeforeScroll: function() {
            // ...
        }
    });

      // handle.next();
      // handle.prev();
      // handle.jumpTo();
});
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
KISSY().use("slideview", function(S) {
      var slideView = new S.SlideView("sample", {
            autoPlay: false,
            effectType: "scrollx",
            activeTriggerCls: "current"
      });
      slideView.subscribe("onSwitch", function(index) {
            // ...
      });
});
KISSY.augment(ScrollView, Y.EventProvider);
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
var getRealOffset = function(elem) {
    var elem = Dom.get(elem), leftOffset = elem.offsetLeft,
        topOffset     = elem.offsetTop, parent = elem.offsetParent;
    // fix IE offsetLeft bug, see
    // http://www.gtalbot.org/BrowserBugsSection/MSIE6Bugs/
    while(parent) {
        leftOffset += parent.offsetLeft;
        topOffset     += parent.offsetTop;
        parent         = parent.offsetParent;
    }
    return { top: topOffset, left: leftOffset };
}
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module
How I Develop Carousel Module

Más contenido relacionado

Destacado

Workflow Presentation
Workflow PresentationWorkflow Presentation
Workflow Presentationjherzog
 
Privacy, Trust and Networked Public Culture
Privacy, Trust and Networked Public CulturePrivacy, Trust and Networked Public Culture
Privacy, Trust and Networked Public Culture威 何
 
e2e People Practices
e2e People Practicese2e People Practices
e2e People Practicesyeshasvini
 
Knowing and sharing the gospel of Christ in the language of honor and shame
Knowing and sharing the gospel of Christ in the language of honor and shameKnowing and sharing the gospel of Christ in the language of honor and shame
Knowing and sharing the gospel of Christ in the language of honor and shameWerner Mischke
 
You CAN contextualize the gospel in the language of honor and shame
You CAN contextualize the gospel in the language of honor and shameYou CAN contextualize the gospel in the language of honor and shame
You CAN contextualize the gospel in the language of honor and shameWerner Mischke
 

Destacado (6)

Workflow Presentation
Workflow PresentationWorkflow Presentation
Workflow Presentation
 
Privacy, Trust and Networked Public Culture
Privacy, Trust and Networked Public CulturePrivacy, Trust and Networked Public Culture
Privacy, Trust and Networked Public Culture
 
e2e People Practices
e2e People Practicese2e People Practices
e2e People Practices
 
s-mail
s-mails-mail
s-mail
 
Knowing and sharing the gospel of Christ in the language of honor and shame
Knowing and sharing the gospel of Christ in the language of honor and shameKnowing and sharing the gospel of Christ in the language of honor and shame
Knowing and sharing the gospel of Christ in the language of honor and shame
 
You CAN contextualize the gospel in the language of honor and shame
You CAN contextualize the gospel in the language of honor and shameYou CAN contextualize the gospel in the language of honor and shame
You CAN contextualize the gospel in the language of honor and shame
 

How I Develop Carousel Module

  • 24. KISSY().use("carousel", function(S) { var handle = new S.Carousel('sample', { direction: 'h', autoStart: false, speed: 500, scrollWidth: 400, onBeforeScroll: function() { // ... } }); // handle.next(); // handle.prev(); // handle.jumpTo(); });
  • 46. KISSY().use("slideview", function(S) { var slideView = new S.SlideView("sample", { autoPlay: false, effectType: "scrollx", activeTriggerCls: "current" }); slideView.subscribe("onSwitch", function(index) { // ... }); });
  • 55. var getRealOffset = function(elem) { var elem = Dom.get(elem), leftOffset = elem.offsetLeft, topOffset = elem.offsetTop, parent = elem.offsetParent; // fix IE offsetLeft bug, see // http://www.gtalbot.org/BrowserBugsSection/MSIE6Bugs/ while(parent) { leftOffset += parent.offsetLeft; topOffset += parent.offsetTop; parent = parent.offsetParent; } return { top: topOffset, left: leftOffset }; }