Skip to content
This repository was archived by the owner on Nov 18, 2024. It is now read-only.

Conversation

hexaJer
Copy link

@hexaJer hexaJer commented Nov 25, 2013

  • Allow to set custom id, title and href on pagination items.
    Use data-slidesjs-id, data-slidesjs-title and data-slidesjs-href on each childnodes of the slide
  • Example in 'examples/data/'
  <div class="container">
    <div id="slides">
      <img src="img/example-slide-1.jpg" alt="Photo by: Missy S Link: http://www.flickr.com/photos/listenmissy/5087404401/"
        data-slidesjs-title="Missy S Link" data-slidesjs-id="missy" data-slidesjs-href="http://www.flickr.com/photos/listenmissy/5087404401/" >
      <img src="img/example-slide-2.jpg" alt="Photo by: Daniel Parks Link: http://www.flickr.com/photos/parksdh/5227623068/"
        data-slidesjs-title="Daniel Parks" data-slidesjs-id="daniel" data-slidesjs-href="http://www.flickr.com/photos/parksdh/5227623068/" >
      <img src="img/example-slide-3.jpg" alt="Photo by: Mike Ranweiler Link: http://www.flickr.com/photos/27874907@N04/4833059991/"
        data-slidesjs-title="Mike Ranweiler" data-slidesjs-id="mike" data-slidesjs-href="http://www.flickr.com/photos/27874907@N04/4833059991/" >
      <img src="img/example-slide-4.jpg" alt="Photo by: Stuart Seeger Link: http://www.flickr.com/photos/stuseeger/97577796/"
        data-slidesjs-title="Stuart Seeger" data-slidesjs-id="stuart" data-slidesjs-href="http://www.flickr.com/photos/stuseeger/97577796/" >
      <a href="#" class="slidesjs-previous slidesjs-navigation"><i class="icon-chevron-left icon-large"></i></a>
      <a href="#" class="slidesjs-next slidesjs-navigation"><i class="icon-chevron-right icon-large"></i></a>
    </div>
  </div>

result of pagination list :

<ul class="slidesjs-pagination">
  <li id="missy" class="slidesjs-pagination-item">
    <a href="http://www.flickr.com/photos/listenmissy/5087404401/" data-slidesjs-item="0" class="active"><span>Missy S Link</span></a>
  </li>
  <li id="daniel" class="slidesjs-pagination-item">
    <a href="http://www.flickr.com/photos/parksdh/5227623068/" data-slidesjs-item="1" class=""><span>Daniel Parks</span></a>
  </li>
  <li id="mike" class="slidesjs-pagination-item">
    <a href="http://www.flickr.com/photos/27874907@N04/4833059991/" data-slidesjs-item="2" class=""><span>Mike Ranweiler</span></a>
  </li>
  <li id="stuart" class="slidesjs-pagination-item">
    <a href="http://www.flickr.com/photos/stuseeger/97577796/" data-slidesjs-item="3" class=""><span>Stuart Seeger</span></a>
  </li>
</ul>
  • Send current and next slide indexes for each start and complete callback calls.
function onSlideChangeStart(current, next){
    ...
}
$('.slide').slidejs({
    callback : {
        start : onSlideChangeStart
    }
});

Use data-slidejs-id, data-slidejs-title and data-slidejs-href on
each childnodes of the slide
@hexaJer
Copy link
Author

hexaJer commented Nov 25, 2013

sorry i don't know how to use minify with coffee script

@hexaJer
Copy link
Author

hexaJer commented Feb 14, 2014

it's ok for minify ! 👍

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant