[Ищу] Как сделать подобное

Тема в разделе "Wordpress", создана пользователем iCool, 2 июн 2015.

Модераторы: Sorcus
  1. iCool

    iCool Создатель

    Регистр.:
    24 июн 2012
    Сообщения:
    27
    Симпатии:
    6
    Увидел вот такую вещь: rollet[тире]market[точка]ru ,и с трудом поверил, что это WP. Подскажите, как реализовать подобный функционал (рольставни по центру).
     
  2. wmzaru

    wmzaru Создатель

    Регистр.:
    17 янв 2009
    Сообщения:
    39
    Симпатии:
    0
    похоже на срытую рекламу
     
  3. ddn128

    ddn128

    Регистр.:
    31 июл 2013
    Сообщения:
    374
    Симпатии:
    163
    :) да вряд ли. Какой эффект от такой "рекламы". Сомневаюсь, что ща весь nulled ломанётся покупать роллеты :idea:

    По сабжу. А что Вас так удивило? Там ничего сверхестественного нет - просто изменяются классы стилей с помощью javascript (на подобие того как увелииваются\уменьш. шрифт или сменяется цветовая схема сайта и т.д.)
    Гуглите "Изменение стиля при помощи javascript" или что-то типо того.
     
  4. Supramati

    Supramati Создатель

    Регистр.:
    22 апр 2015
    Сообщения:
    49
    Симпатии:
    8
    Нагон поведенческих факторов)) только они лучше не сделают, т.к. все как отказы засчитаются...
     
  5. iCool

    iCool Создатель

    Регистр.:
    24 июн 2012
    Сообщения:
    27
    Симпатии:
    6
    Похоже, но это не так, если прочитать вопрос.
    Это не нагон, это сайт, который работает на wp и на котором я в первый раз увидел подобный конструктор. По сути вопроса вам, видимо, сказать нечего, зато нагон поведенческих вы сразу "профессионально" определили.
     
  6. typus

    typus

    Регистр.:
    25 июл 2007
    Сообщения:
    630
    Симпатии:
    152
    Хм, а просто выдернуть скрипт получается? или есть защита какая-то?
     
  7. JunSten

    JunSten Создатель

    Регистр.:
    21 апр 2015
    Сообщения:
    12
    Симпатии:
    0
    Не совсем понял что хочет автор.
    Менять цвет по нажатию?
     
  8. Nevada

    Nevada

    Регистр.:
    10 июн 2011
    Сообщения:
    499
    Симпатии:
    96
    он как раз и просит это пояснить, потому что сам не понимает, imho
    видимо, как это настроено в принципе.
     
  9. iCool

    iCool Создатель

    Регистр.:
    24 июн 2012
    Сообщения:
    27
    Симпатии:
    6
    да, менять цвет/текстуру разных элементов по нажатию. может быть есть какие-либо конструкторы/плагины, видоизменив которые можно добиться подобного эффекта, или все надо делать вручную?
     
  10. JunSten

    JunSten Создатель

    Регистр.:
    21 апр 2015
    Сообщения:
    12
    Симпатии:
    0
    В ручную и не трудно.
    Там используются спрайты. (если не знаешь что это такое, то лучше погуглить по запросу "CSS спрайты" и вникнуть в это).
    При нажатии на кнопку с цветом, нужно заменить значение background-position.


    PS: Вот набросал немного, тут все просто и понятно, пример рабочий.

    Код:
    <div id="target" style="background-color:green; width:300px;height:300px;margin:10px"></div>
    
    <div style="width:100px;height:100px;cursor:pointer;margin:10px;background-color:red;float:left" onclick="change('red')"></div>
    <div style="width:100px;height:100px;cursor:pointer;margin:10px;background-color:yellow;float:left" onclick="change('yellow')"></div>
    <div style="width:100px;height:100px;cursor:pointer;margin:10px;background-color:black;float:left" onclick="change('black')"></div>
    <div style="width:100px;height:100px;cursor:pointer;margin:10px;background-color:aqua;float:left" onclick="change('aqua')"></div>
    <div style="width:100px;height:100px;cursor:pointer;margin:10px;background-color:blue;float:left" onclick="change('blue')"></div>
    
    <script>
    function change(color){
    var target = document.getElementById('target');
    target.style.backgroundColor = color;
    }
    </script>
    
    А что бы менять позицию изображения, то есть спрайт, нужно переделать функцию так

    Код:
    function change(x,y){
    var target = document.getElementById('target');
    target.style.backgroundPosition = x + ' ' + y ;
    
    а вызывать так

    Код:
    onclick="change('100px', '100px')"
    
     
    Последнее редактирование: 11 июн 2015