Проблема смещения jquery.serialScroll (выравнивание изображения) - PullRequest
Новая
       19

Проблема смещения jquery.serialScroll (выравнивание изображения)

0 голосов
/ 11 сентября 2010

Я пытаюсь реализовать jquery.serialScroll в виде галереи с изображениями фиксированной ширины и случайной ширины ( здесь ).Все работает нормально, но я не могу правильно установить настройку смещения, поэтому при переходе к последнему изображению появляется много серого пространства справа.Когда я попытался установить смещение (около 700), галерея замерла: (

Знаете ли вы о каком-то простом решении, как выровнять последнее изображение с правым концом?

Заранее спасибоза ваши ответы.

JS: 

jQuery.easing.easeOutQuart = function (x, t, b, c, d) {     
   return -c * ((t=t/d-1)*t*t*t - 1) + b; 
};

$(document).ready(function(){    
    $('#slideshow').serialScroll({      
        items:'li',         
        prev:'#slideshow_prev',         
        next:'#slideshow_next',         
        //offset:-700,          
        start:0,        duration:1200,      
        axis: 'x',      force:true,         
        stop:true,      lock:false,         
        //exclude:4,   -> cant use because of random width pictures 
        cycle:false,
        easing:'easeOutQuart',      
        jump: false     
    });

    $('#slideshow a.slideshow_gallery').fancybox({      
      hideOnContentClick: false,        
      zoomSpeedIn:  400,        
      zoomSpeedOut: 400,        
      'type': 'image' 
    });    
});

(для просмотра html и css перейдите по ссылке)

1 Ответ

0 голосов
/ 17 октября 2010

решаемая. Я просто перебираю изображения, подсчитываю их ширину и затем устанавливаю ширину CSS элемента-оболочки.

...