Блог

Главная - Вопросы по программированию - Jcarousel как установить начальную точку

Jcarousel как установить начальную точку

#jquery

#jquery

Вопрос:

В настоящее время я использую Jcarousel с плагином light box. У меня есть несколько эскизов, и при нажатии на каждый из них появляется световой прямоугольник с увеличенной версией миниатюры в нем, также у меня есть в этом световом окне возможность щелкнуть влево или вправо для поворота по другим эскизам (все это генерируется с помощью Jcarousel) Моя проблема в том, что я хотел бы, чтобы карусель запускала соответствующий ноготь большого пальца, который был нажат, чтобы открыть световой короб:

HTML:

 <div id="productAlts">
    <div class="altWrap">
        <a id="close_x" class="close" href="#" title="close quick view" ></a>
        <ul>
        <% int altImageCount = 0;
           foreach (var img in addtImages)
           {
               altImageCount  ;
           }
        %>
        <% int i = 0;
           foreach (var img in addtImages)
           {
               i  ;
               if (i != altImageCount)
               {%>
                  <li class="<%=img %>">
                  <img src="http://www.someurl.com/images/products/<%=img.Replace(".jpg", "") %>l.jpg"  alt="<%= Model.Name %>" title="<%= Model.Name %>" width="500" height="500" />
                  </li>
              <% }
           } %>
       </ul>
   </div>

jquery:

     function QuickAlternate() {
$('.alternateImages ul li').click(function (e) {
    $('#productAlts').lightbox_me({
        centered: true,
        onLoad: function () {
$('#productAlts ul').jcarousel({
    wrap: 'circular', scroll: 1, visible: 1
});
        }
    });
    e.preventDefault();
});

}

Если кто-нибудь может помочь, это было бы очень ценно, так как я некоторое время бился головой об это

Ответ №1:

Не совсем уверен, что понимаю, что вы ищете, но это похоже на start вариант, показанный в http://sorgalla.com/projects/jcarousel/#Configuration следует ли делать то, что вы хотите? Итак, что-то вроде этого:

 $('#productAlts ul').jcarousel({
    wrap: 'circular', scroll: 1, visible: 1, start: 4
});

запустился бы с 4-го?

Комментарии:

1. начальная позиция — это то, что я хочу, но я хотел прокрутить до определенного уменьшенного изображения, на которое нажимают, чтобы открыть световой блок, содержащий карусель

2. Ах, позвольте мне уточнить: вы создаете jcarousel с изображениями 1, 2, 3, 4 и 5, и для начала установлено значение 4. Вы перемещаете карусель к изображению 5 и щелкаете: появляется лайтбокс с изображением 5. Затем вы переходите к изображению 2 и закрываете лайтбокс. Затем вы хотите, чтобы в карусели отображалось изображение 2. Это то, что вы имеете в виду?

3. в основном у меня есть 3 миниатюры, вы нажимаете на одну, и появляется световой прямоугольник с точной миниатюрой, которую вы нажали, но большего размера, после чего у вас есть опции с помощью jcarousel для циклического просмотра изображений. Теперь скажем, что они не нажимают на первую миниатюру, они нажимают на 2-ю или третью. Я бы хотел, чтобы при появлении светового окна карусель переходила к соответствующему изображению

4. Ах. К сожалению, тебе, мой друг, придется проделать эту тяжелую работу самостоятельно, поскольку стандартная библиотека jCarousel, похоже, не имеет интеграции с lightbox и не предоставляет удобного способа изменить видимый в данный момент элемент. Вам нужно будет написать какой-нибудь пользовательский javascript, который будет привязан к коду лайтбокса (это будет зависеть от вашей реализации лайтбокса: я использую jQuery Colorbox) и в jCarousel и обновлять карусель при изменении лайтбокса. Удачи.