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()) })) 
  • I hope as usual for help @eicto XDDDD))) - igolka97

1 answer 1

I suggest instead of tables, use links - pictures. I bring a piece of code


 <ul id="photos"> <li><a href="http://www.flickr.com/photos/brockwhittaker/8500935165/" style="background-image:url( http://farm9.staticflickr.com/8233/8500935165_2835685f30.jpg)">Что-то 5</a></li> 

CSS


 #photos li a{ position:absolute; top:6px; left:6px; right:6px; bottom:6px; background-size: cover; text-indent:-9999px; overflow:hidden; } 

You can see the example completely here http://originalip.ru/?L=48 Download the example and look in index.html and styles, everything is very simple there. And at the expense of the tables ... I think that the table itself can be set to the width, and td inline, in theory, this will help, but the links are much easier, because they will appear as a miniature.

  • one
    fine. you are a genius. - igolka97 4:04 pm