Попытка поменять радиокнопку с маленьким изображением для выбора товаров

Question

Я пытаюсь написать некоторый javascript, который будет извлекать информацию со страницы при загрузке и заменять переключатели небольшим изображением вместо кнопки.Кроме того, когда кнопка нажата, мне нужно, чтобы заменить большое изображение на экране.Это то, что можно сделать только с помощью Javascript или мне нужен PHP?Я понимаю PHP, но с сайтом я не могу его использовать.Я застрял.Я с удовольствием отвечу на все вопросы по этому поводу.Я немного застрял.Пожалуйста, помогите

Answer 1

Вот скрипт, который я нашел, чтобы заменить переключатели (и флажки, и выбрать выпадающие списки) стилем по вашему выбору.

Я рекомендую прочитать короткую статью, прежде чем приступить к ее использованию.

ryanfait.com

Кроме того, скрипт для изменения увеличенного изображения будет выглядеть так: , как :

$('.radio').change(function(){
    $('#lgImg').src(newUrl);
});

Где newUrl будет основано на некотором значении переключателя, которое было изменено, например: $(this).attr('data-img-url')

Наконец, просто как примечание, вы не сможете сделать что-то подобное (на стороне клиента) в PHP, если вы не отправили переключатель при изменении (опять же, с помощью Javascript) и перезагрузили страницу с правильным увеличенное изображение. Но это было бы очень грязно и совершенно ненужно.