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

User can customize the paging and currentSlide & nextSlide are sended to callbacks #558

Open
wants to merge 4 commits into
base: SlidesJS-3
Choose a base branch
from

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