Зыбучие пески, внезапная замена в конце анимации - PullRequest
Новая
       25

Зыбучие пески, внезапная замена в конце анимации

0 голосов
/ 25 декабря 2011

Я купил шаблон html и у меня возникла проблема с внедренным плагином quicksand.

Дело в том, что, как только я изменяю содержимое с помощью quicksand, в конце возникает проблема.Изображения перемещаются в другие места, но в конце они очень резко и неожиданно меняются на правильные выходные изображения.

Я изменил только html-код, поэтому в файле .js ничего нет.Здесь вы можете увидеть проблему: http://marcknoll.com/work.html Нажмите на фильтры, и вы поймете, что я имею в виду.

Кто-нибудь знает, что может вызвать эту проблему?Заранее спасибо!

Ура, Марк

1 Ответ

0 голосов
/ 25 декабря 2011

Пожалуйста, обратите внимание. В элементе списка data-id элементов li повторяются после 14-го li. начинается снова с id-1. 

 <li data-id="id-1" class="photo">
    <a href="http://marcknoll.com/images/preview/canals.jpg" rel="image_group">
      <img src="work_files/work_1.jpg" alt="Work Image">
    </a>
 </li>
 <li data-id="id-2" class="photo">
    <a href="http://marcknoll.com/images/preview/bikes.jpg" rel="image_group">
       <img src="work_files/work_2.jpg" alt="Work Image">
    </a>
 </li>
 <li data-id="id-3" class="photo">
    <a href="http://marcknoll.com/images/preview/fountain.jpg" rel="image_group">
       <img src="work_files/work_3.jpg" alt="Work Image">
    </a>
 </li>
 ..........
 ..........
 ..........
 ..........
 ..........
 <li data-id="id-14" class="photo">
  <a href="http://marcknoll.com/images/preview/water1.jpg" rel="image_group">
    <img src="work_files/work_12.jpg" alt="Work Image">
  </a>
</li>
<li data-id="id-1" class="photo">   // data-id repeating
  <a href="http://marcknoll.com/images/preview/sony.jpg" rel="image_group">
    <img src="work_files/work_13.jpg" alt="Work Image">
  </a>
</li>

Чтобы плагин плагин работал, data-id должен быть уникальным для каждого li. Это первая проблема, которую я заметил.

EDIT:

Подтверждено. Это проблема. Я дал data-id id-1 , id-2 , id-3 , id-4 , id- 5 .. id-47 , id-48 и теперь работает нормально.

...