Исправляем чуть jquery-gp-gallery

Всем хороша данная библиотечка, прям вкусненькая до одного момента: Последняя строка в этой галерее выглядит оторванно и не красиво - надо бы поправить.

Кто не знает что за библиотека смотрим демо и видим последнюю строку - ну не красиво же...исправляем...

Код несколько кривоватый...но оно работает.
Код JAVASCRIPT:
  1.  
  2. //Узнаём на сколько от верха сдвинута последняя строка
  3. var last_line_ofset = $('.usr_photo_link:last').offset().top;
  4. var last_line_width = 0;
  5. $('.usr_photo_link').each(function(){
  6. //находим последнюю стоку и все изображения к ним
  7. if($(this).offset().top == last_line_ofset)
  8. {
  9. //Добавляем класс
  10. $(this).addClass('lastline');
  11. //считаем общую длину строки. 5 это margin-left
  12. last_line_width += $(this).width()+5;
  13. }
  14. })
  15.  
  16. //считаем на сколько надо увеличить. 5 это ещё один margin
  17. var scale = $('.pictures').width()/last_line_width;
  18.  
  19. //Ну а дальше для каждой картинки перемножаем текущую ширину и высоту на наш параметр увеличения
  20. $('.usr_photo_link.lastline').each(function(){
  21. var width = $(this).width()*scale;
  22. var height = $(this).height()*scale;
  23. $(this).width(width);
  24. $(this).height(height);
  25. $(this).find('IMG').width(width);
  26. $(this).find('IMG').height(height);
  27. })
  28.  
в принципе можно это всё засунуть в сам плагин но мне разбираться лень а issue я оставил для успокоения души :)
Комментарии (0)

Нет комментариев. Ваш будет первым!

Copyright 2016-2024 NeoChapay