Наложение нескольких изображений друг на друга с их выбором

@shashlyk · Регистрация: 25.03.2016

Author24 — интернет-сервис помощи студентам

Приветствую всех.

На одной из страниц сайта хочу сделать выбор из двух форм ввода input типа radio. В одном столбике 5 кнопок и в другом 5, при нажатии на которые подставлялись бы нужные картинки. Их отображение будет например в отдельном диве и наложение одного поверх другого.

@thedude · 07.01.2017, 15:47

Хорошо, что хотите

@mrtoxas · 07.01.2017, 16:04

shashlyk, с чем у вас возникли сложности? С событиями кнопок или с наложением картинок в div'e?

@shashlyk · 07.01.2017, 17:11 **[ТС]**

На странице есть выбор цвета, скрипт подгружает файл с папки и зависит от выбора предыдущего параметра ($art) простым includ'ом:
PHP:

PHP

1	<?php include ("form/$art.php")?>

Можно выбрать один из 5-ти цветов, которые представлены в этом файле, вот начало этого файла:

HTML5

<table class="formcolors" id="formcolors" width="399" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
   
      <td>Ультрамарин</td><td>
     <a href="#" onClick="changecolor('images/form_colors/ultramarine/art_0001_600x330.png')">
       <div class="ultramarine"><input name="changed_form_color" type="radio" value="ultramarine"></div>
      </a>
     
      </td>
    </tr>
    <tr>

и так далее, не буду вставлять полностью.

имеется javascript

Javascript

function changecolor(lin){
  var img = document.getElementById("formcontainer");
  img.src=lin;
}

Когда происходит выбор цвета, он тут же меняется, посредством javascript простой заменой картинки, это пока оформлено грубо, но работает.
Помимо подмены картинки формы, хотелось сделать еще один выбор на этой же странице(просто рядом) выбор цвета текста, который накладывался на картинку формы. Что бы в конечном итоге пусть подгружался бы еще один файл

PHP

1	<?php include ("color/$art.php")?>

с цветами текста, изображения в котором были бы изменены на другие, просто они будут меньше. Эти 2 картинки накладывались бы друг на друга ровно по-центру, но на одном слое была бы картинка с формой, а картинка с текстом была бы слоем выше.

Вопрос такой: что написать в файле с javascript'ом и на самой странице сайта, если подстановка картинки зависит от выбора параметра на предыдущей странице сайта (переменная $art).
Знаю, что можно это реализовать в CSS, но в файле CSS не пропишешь скрипт переменной PHP, который бы подставлял в него ссылки на картинки.
Думаю, что мой вариант, который сейчас реализован с подстановкой одной картинки не будет работать в двумя, наложенных друг на друга. Я могу ошибаться. Прошу помощи, заранее благодарю

@shashlyk 0 / 0 / 0 Регистрация: 25.03.2016 Сообщений: 28
		1
	Наложение нескольких изображений друг на друга с их выбором 07.01.2017, 15:34. Показов 4596. Ответов 3 Метки нет (Все метки) Приветствую всех. На одной из страниц сайта хочу сделать выбор из двух форм ввода input типа radio. В одном столбике 5 кнопок и в другом 5, при нажатии на которые подставлялись бы нужные картинки. Их отображение будет например в отдельном диве и наложение одного поверх другого. 0

@thedude 36 / 37 / 23 Регистрация: 31.05.2014 Сообщений: 131
	07.01.2017, 15:47	2
	Хорошо, что хотите 1

@mrtoxas 3825 / 2675 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	07.01.2017, 16:04	3
	shashlyk, с чем у вас возникли сложности? С событиями кнопок или с наложением картинок в div'e? 0

	07.01.2017, 17:11