Stanąłem przed problemem zrobienia galerii zdjęć która miała by działać na takiej zasadzie, że jest duże zdjęcie i pod nim nawigacja o stałej szerokości. Przy dużym zdjęciu były by strzałki następny i poprzedni w nawigacji zaznaczało by się aktywne zdjęcie, jeśli liczba zdjęć się nie mieści w określonej szerokości pagera, to jeśli aktywne zdjęcie jest niewidoczne to pager się przesuwa. Oraz muszą być też strzałki do przesuwania prawo lewo. Nie wiem jak ugryźć to przesuwanie przy zmianie aktywnego zdjęcia. Do przesuwania funkcja animate też się średnio nadaje bo szybkość przesuwania przy różnym marginesie jest różna.

Jak wygląda kod:
[JAVASCRIPT] pobierz, plaintext
  1. $('.slides').cycle({
  2. fx: 'scrollHorz',
  3. ease: 'easeInOutQuart',
  4. pager: '.slides_pager',
  5. next: '#next',
  6. prev: '#prev',
  7. timeout: 0,
  8. width: 650,
  9. pagerAnchorBuilder: function(idx, slide) {
  10. return '<li><a href="#"><img src="'+$(slide).children('div').children('img').attr('src').replace(/arb/,'art')+'"></a><div class="active_nav"></div></li>';
  11. }
  12. });
  13. $("ul.slides_pager").width(width);
  14.  
  15. /*$(".navv.right").hover(function(){
  16. if($("ul.slides_pager").width() > 650){
  17. $("ul.slides_pager").animate({'margin-left':'-'+(width-720)}, 5000, 'linear');
  18. }
  19.   }, function(){
  20.   $("ul.slides_pager").stop();
  21.   });
  22.  
  23.   $(".navv.left").hover(function(){
  24. if($("ul.slides_pager").width() > 650){
  25. $("ul.slides_pager").animate({'margin-left':'0px'}, 5000, 'linear');
  26. }
  27.   }, function(){
  28.   $("ul.slides_pager").stop();
  29.   });
[JAVASCRIPT] pobierz, plaintext


Proszę o pomoc. Jeśli ktoś chciałby mi pomóc osobiście to mogę oferować też wynagrodzenie.