3

I got confused trying to create a hybrid between the 'List Slider' theme (which uses classes of "t" and "c" for title and caption), and the 'Slider-with-caption' example (which uses u="caption"). What's the difference? And how can I style the titles to appear over the slide and the caption alongside the thumbnails?

I surmise that u="caption" is for animating the caption, but I'm still stuck on how to integrate the two approaches. Simply replacing the div class="c" with the div u="c" busts the whole slider!

Filburt
  • 17,626
  • 12
  • 64
  • 115
Space Needle
  • 41
  • 1
  • 4

2 Answers2

0

re: (which uses classes of "t" and "c" for title and caption) it's not caption, it is custom thumbnail in html format,

<div u="thumb">
    ...
</div>

caption is another way to play text/image/content animation, see slider with caption

jssor
  • 6,995
  • 2
  • 18
  • 21
  • but this does not explain why `u` attribute is used. @jssor it's not in HTML spec, right? – Raptor Jun 19 '15 at 07:13
  • 2
    The `u` attribute is custom attribute. You can use `data-u` instead which is standard html5 custom attribute. – jssor Jun 19 '15 at 09:42
  • The `u` attribute indicates the usage of an element, thus jssor slider can determine what's the purpose of the element. – jssor Jun 19 '15 at 09:44
  • Okay. `data-u` sounds more appropriate. Anyway, this is an awesome slider! thanks mate – Raptor Jun 22 '15 at 02:30
0

Just create a ID or CLASS intiator after.

ex. div u="thumb" id="right" class="hand">