Display avatars/thumbs as horizontal list below slider/image gallery

[hata]

I want to display avatars/thumbs as horizontal list below slider/image gallery. Can we custom dots as same as custom action ? Could you please guide me how to config or implement them ?

[Martin]

@hata I don’t think that’s possible right now, but maybe a nice feature request.
You can also create your own horizontal scrollbar like this:

https://jsfiddle.net/maartenfb/ak1wxLLk/

html

<div class="scrollmenu"> 
<!-- use a v-for here -->
   <div class="thumbnail">hello</div>
   <div class="thumbnail">hello</div>
   <div class="thumbnail">hello</div>
   <div class="thumbnail">hello</div>
</div>

css

 div.scrollmenu {
    background-color : #333;
    overflow         : auto;
    white-space      : nowrap;
  }

  div.scrollmenu .thumbnail {
    display         : inline-block;
    color           : white;
    padding         : 10px;
    width           : 200px;
  }

[rstoenescu]

Will create a horizontal list.

[hata]

I can display thumbnail but I can change active thumbnail when the slider is change, how to get active slider when user swipe to set active for thumbnail ?

[Martin]

Like this?
http://forum.quasar-framework.org/topic/227/horizontal-thumbnail-slider-with-selected-image-on-top