Помощь Как сделать подобное

[iCool]

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

 

[wmzaru]

похоже на срытую рекламу

 

[ddn128]

похоже на срытую рекламу

да вряд ли. Какой эффект от такой "рекламы". Сомневаюсь, что ща весь nulled ломанётся покупать роллеты

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

 

[Supramati]

Нагон поведенческих факторов)) только они лучше не сделают, т.к. все как отказы засчитаются...

 

[iCool]

похоже на срытую рекламу

Похоже, но это не так, если прочитать вопрос.

Нагон поведенческих факторов)) только они лучше не сделают, т.к. все как отказы засчитаются...

Это не нагон, это сайт, который работает на wp и на котором я в первый раз увидел подобный конструктор. По сути вопроса вам, видимо, сказать нечего, зато нагон поведенческих вы сразу "профессионально" определили.

 

[typus]

Хм, а просто выдернуть скрипт получается? или есть защита какая-то?

 

[JunSten]

Не совсем понял что хочет автор.
Менять цвет по нажатию?

 

[Nevada]

Не совсем понял что хочет автор.
Менять цвет по нажатию?

он как раз и просит это пояснить, потому что сам не понимает, imho
видимо, как это настроено в принципе.

 

[iCool]

Не совсем понял что хочет автор.
Менять цвет по нажатию?

да, менять цвет/текстуру разных элементов по нажатию. может быть есть какие-либо конструкторы/плагины, видоизменив которые можно добиться подобного эффекта, или все надо делать вручную?

 

[JunSten]

да, менять цвет/текстуру разных элементов по нажатию. может быть есть какие-либо конструкторы/плагины, видоизменив которые можно добиться подобного эффекта, или все надо делать вручную?

В ручную и не трудно.
Там используются спрайты. (если не знаешь что это такое, то лучше погуглить по запросу "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')"