---

Class ::xowiki::includelet::jquery-cloud-carousel

::xowiki::includelet::jquery-cloud-carousel create ...

Display a sequence of pages via jquery-cloud-carousel, based on book includelet.

Defined in packages/xowiki/tcl/includelet-procs.tcl

Class Relations

• class: ::xowiki::IncludeletClass
• superclass: ::xowiki::includelet::book

::xowiki::IncludeletClass create ::xowiki::includelet::jquery-cloud-carousel \
     -superclass ::xowiki::includelet::book

Methods (to be applied on instances)

• render_items (scripted)

  if {$cnames ne "" || $allow_reorder ne "" || $with_footer != "false"} {
    error "ignoring cnames, allow_reorder, and with_footer for the time being"
  }
  
  set id [:js_name]
  append output  "<div id='[ns_quotehtml $id]'>"  [join [:render_images -addClass cloudcarousel $pages] "\n"]  "</div>\n"
  
  ::xo::Page requireStyle "div.jquery-cloud-carousel div {width:650px; height:400px;background:#000;}"
  ::xo::Page requireJS urn:ad:js:jquery
  ::xo::Page requireJS "/resources/xowiki/jquery.mousewheel.min.js"
  ::xo::Page requireJS "/resources/xowiki/cloud-carousel.1.0.5.min.js"
  
  ::xo::Page requireJS [subst -novariables {
    $(function(){
      $("#[set id]").CloudCarousel(
                                   {
                                     xPos: 300,
                                     yPos: 32,
                                     buttonLeft: $("#left-but"),
                                     buttonRight: $("#right-but"),
                                     altBox: $("#alt-text"),
                                     titleBox: $("#title-text"),
                                     bringToFront: true,
                                     mouseWheel:true
                                   }
                                   );
    });
  }]
  return $output

---