Hello!
I am again with my table of photos.)
There is a table with photos and a library of chop slider on jquery.
This is what should be about . but instead of the interface control buttons, I make a table with images. If you line up the images in a row (that is, through one <tr>...</tr>
) then everything is fine, but when the lines do not come out much. Here are the sources:
HTML:
<div id="slider"> <div class="slide cs-activeSlide"> <img src="9e06c4_6.jpg"/ > </div> <div class="slide "> <img src="a1fb853_6.jpg"/ > </div> <div class="slide "> <img src="c72_6.jpg"/ > </div> <div class="slide "> <img src="e2bcc122000a1fa49d_6.jpg"/ > </div> <table class="pagination"> <tr> <td><img src="e2bcc122000a1fa49d_6.jpg"/ ></td> <td><img src="e2bcc122000a1fa49d_6.jpg"/ ></td> <td><img src="e2bcc122000a1fa49d_6.jpg"/ ></td> <td><img src="e2bcc122000a1fa49d_6.jpg"/ ></td> </tr> </table>
Javascript
(a piece of code, the full code is here )
b.sliderPagination && (c(b.sliderPagination).eq(c(b.activeQClass).index()).addClass(b.activePaginationClass), c(b.sliderPagination).click(function(d) { d.preventDefault(); var d = c(this), a = c(b.activeQPaginationClass).index(); if (!d.hasClass(b.activePaginationClass)) clearTimeout(c.chopSlider.autoplay), b.autoplay = !1, a = d.index() > a ? "next" : "prev", w(a, b, d.index()) }))