carouFredSel Исчезает

Question

Я использую carouFredSel (http://caroufredsel.frebsite.nl/), чтобы создать карусель изображений, которая является и работой - мой код выглядит следующим образом:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.carouFredSel-5.6.1.js"></script> 

<script type="text/javascript"> 
     $(document).ready(function() { 
      $(".carousel").carouFredSel ({ 
       align: "center", 
       auto: false, 
       circular: true, 
       infinite: true, 
       next: ".next", 
       prev: ".prev", 
       scroll: 1, 
       width: 1072, 
      }); 
     }); 
    </script> 

Я только с небольшим вопросом - с надеждой. Веб-сайт, с которым я работаю, - http://ellenandjosh.com/, вы можете увидеть carouFredSel прямо на первой странице.

Однако, если вы попытаетесь нажать на предыдущую кнопку, карусель исчезнет. Он отлично работает, если я уже нажал следующую кнопку, но когда я ударил предыдущую кнопку прямо из ворот, это то, что происходит. Я ожидал, что он покажет мне последнее изображение. Есть идеи?

Answer 1

Вот как это исправить:

к вашему CSS добавить:

.carousel-thumbnail {height: 222px !important} 

Вопрос заключается в том, что после нажатия на кнопку назад, карусель запутается и видит пустой список устанавливает высоту 0px и элемент исчезает.

Для вашего сценария, похоже, есть проблема с размерами, поэтому менять

  $(document).ready(function() { 

в

$(window).ready(function() { 

как на кончике здесь: http://caroufredsel.frebsite.nl/support/tips-and-tricks.php

Он должен работать, но Я могу проверить только использование firebug.

Btw: ваш скрипт Запятая в Словаре, удалить его, так он будет работать на IE :)