You can also use the Bootstrap Carousel Plugin inside xwiki pages,  all you
have to do is to copy the html code of the bootstrap slider inside an html
macro as below:

{{html}}

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0"
class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="..." alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    <div class="item">
      <img src="..." alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    ...
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic"
role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic"
role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a></div>

{{/html}}

Find boostrap slider plugin documentation here:
https://getbootstrap.com/javascript/#carousel



Mohamed

On Mon, Jan 23, 2017 at 9:43 AM, Mohamed Boussaa <mohamed.bous...@xwiki.com>
wrote:

> Hello,
>
> You can try to install and use the XCarousel application, find détails
> here: http://extensions.xwiki.org/xwiki/bin/view/Extension/XCarousel/
>
> Regards,
> Mohamed
>
>
>
> On Mon, Jan 23, 2017 at 3:24 AM, WikiNote Org <thewikinote...@gmail.com>
> wrote:
>
>> I want to implement Carousel slider just as the one on
>> xwiki.org/xwiki/bin/view/Carousel/Slider
>> But I dont know how to do it.
>> I tried Totem extension. Its good but has 1 problem. In its Carousel
>> implementation, Totem uses only images attached and doesnt show the
>> description.
>> Is their any other way around? I want the slider exactly as on xwiki.org
>> Perhaps, it should be well documented as it is the most important
>> component
>> for Home pages.
>>
>> Thank you in advance
>>
>
>

Reply via email to