Показать сообщение отдельно
  #6 (permalink)  
Старый 08.12.2015, 15:26
Новичок на форуме
Отправить личное сообщение для qwerty14 Посмотреть профиль Найти все сообщения от qwerty14
 
Регистрация: 08.12.2015
Сообщений: 8

класс im у всех картинок которые надо увеличить, когда нажимаешь на одну из этих картинок путь к этой картинки подставляется в блок с id im
<table id="FixedBlack" style="position: fixed; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.50); display: none; opacity: 0;">
					<tr>
						<td style="text-align: center;">
							<img src="images/close.png" alt="" class="close">
							<img src="" id="im" style="position: relative; width: 1024px; background: #000; box-shadow: 0 0 10px white; border: 5px solid #fff; border-radius: 6px;" />
						</td>
					</tr>
				</table>


$(document).on("click", ".im", function () {
        if ($(this).attr("src") != "") {
            $("#im").attr("src", $(this).attr("src"));
            $("#FixedBlack").show().fadeTo(200, 1);
            $("#im").show().fadeTo(0.5, 1);
        }
    });

    $(document).on("click", "#FixedBlack", function () {
        $("#im").hide();
        $("#FixedBlack").stop(true).fadeTo(200, 0, function () {
            $("#FixedBlack").hide();
        });
    });
Ответить с цитированием