изменения текста в div при клике

Тема в разделе "JavaScript", создана пользователем ihos, 6 янв 2018.

Модераторы: ZiX
  1. ihos

    ihos

    Регистр.:
    13 май 2012
    Сообщения:
    201
    Симпатии:
    3
    Как сделать такую функцию как тут http://xn--b1ad5aajzan.xn--p1ai/3D-paneli.php?Right=Hide&ID=1&Item=1. Что бы при клике на меленькую картинку справой стороны появлялись данней по этой картинке http://prntscr.com/hwlowh, сейчас меня интересует чтобы при клике на картинку менялось справа название и картинки.
    Пробывал этот способ, но на реале на работает http://jsfiddle.net/6u3uxvdk/
     
  2. Sorcus

    Sorcus Sorcus. A New Beginning.

    Moderator
    Регистр.:
    10 июл 2011
    Сообщения:
    386
    Симпатии:
    747
    Хз-хз, у меня меняет и картинку и название в зав-ти от того, на что кликнул.
    Так что в чем вопрос - не понятно.
     
  3. qpPeW

    qpPeW Постоялец

    Регистр.:
    5 окт 2009
    Сообщения:
    111
    Симпатии:
    40
    Все там работает, возможно Вы еще не отошли от НГ...
     
  4. ihos

    ihos

    Регистр.:
    13 май 2012
    Сообщения:
    201
    Симпатии:
    3
    Рад бы что бы был синдром НГ... Но нет...
    Вот ссылка где делается http://farb.goldweb.in.ua/index.php/reschenie-fasadnye/stenovye-3d-paneli

    может быть что эти изображения-превьюшки к слайдшоу и оно конфликтует, срабатывает только сминение изображения в слайдшоу и все.
     
  5. qpPeW

    qpPeW Постоялец

    Регистр.:
    5 окт 2009
    Сообщения:
    111
    Симпатии:
    40
    Вы вообще консоль читали ?
    Там куча ошибок...
     
    Sorcus нравится это.
  6. ihos

    ihos

    Регистр.:
    13 май 2012
    Сообщения:
    201
    Симпатии:
    3
    В данном случае, чем те ошибки влияют на даную функцию? Там большенство ошибок в отсутсвии файлов, я их потом уберу, когда буду подчищать.
     
  7. Absolute

    Absolute Крокодил ;)

    Регистр.:
    9 авг 2009
    Сообщения:
    471
    Симпатии:
    308
    Тут можно юзать API вашего плагина https://sorgalla.com/jcarousel/docs/plugins/control/reference/events.html#active
    HTML:
    var container = $('<div />');
    container.prependTo('.opisanie__3d');
    $('.carousel-navigation').on('jcarouselcontrol:active', 'li', function(event, carousel) {
        container.html($(this).html());
    });
     
  8. ihos

    ihos

    Регистр.:
    13 май 2012
    Сообщения:
    201
    Симпатии:
    3
    А не можете подсказать что мне с этим кодом делать?
     
  9. Absolute

    Absolute Крокодил ;)

    Регистр.:
    9 авг 2009
    Сообщения:
    471
    Симпатии:
    308
    Например, добавить в самый конец страницы. Или завернуть в каллбэк типа ready и добавить в любое место после подключения jQuery, что чуть более правильно, чтобы не засорять глобальное пространство, ну и гарантирует инициализацию после построения DOM.
    Код:
    $(document).ready(function(){
    var container = $('<div />');
    container.prependTo('.opisanie__3d');
    $('.carousel-navigation').on('jcarouselcontrol:active', 'li', function(event, carousel) {
        container.html($(this).html());
    });
    });
    
     
  10. ihos

    ihos

    Регистр.:
    13 май 2012
    Сообщения:
    201
    Симпатии:
    3
    Добавил, но ничего не меняется, за что отвечает данный код?