새창에 이미지 넣기 소스

2018-12-29 (토) 13:45:30 4,441

팝업창으로 새창을 띄우고 그안에 이미지를 넣으려고 하는데

아래 예를 들어 놓겠습니다.

Copy
<a href="http://vertium.hobanapt.co.kr/icheon-hoban/vr/01_liv.html" target="_blank" onclick="javascript:window.open('http://vertium.hobanapt.co.kr/icheon-hoban/vr/01_liv.html', '', 'width=1200, height=800, left=0, top=0, scrollbars=yes, toolbar=no, resizable=yes');return false;"/><img src="img/b4.jpg" alt="e모델하우스" class="img-responsive"/></a>

이렇게 소스를 적용하는데

1970212121_1546058610.7457.jpg

새창이 띄워 지고 나서 아래 네모 대표번호 있는 부분에

빨간 네모정도 크기의 이미지를 넣으려고 합니다.

이건 어떤식으로 해야 할까요?

창크기 조절할때 이미지도 같이 자동 조절도 가능 할까요?

답변 1개 / 댓글 2개

전체 내용 position 을 relative 로 하시고

이미지에 style="display:inline-block;position:absolute;bottom:0;right:0;"을 이용하시고 

해당 이미지 사이즈를 width: % 로 적용시키시면 창크기 조정에 사이즈를 변경하실수 있습니다. 

답변에 대한 댓글 2개

저 위에 b4.jpg 이미지를 클릭하면 새창이 띄워지고, 새창안에 http://vertium.hobanapt.co.kr/icheon-hoban/vr/01_liv.html 주소의 내용이 불러 들어오며, 그 하단 대표번호 있는곳에 새로운 이미지를 넣으려고 하는건데, 그 주소 안에 onlymilk47님이 알려주신 style 내용 넣으면 되는건가요?
네 해당 창이 새로 뜨기 때문에 해당 html 파일 안에 적용하시면 됩니다.

답변을 작성하려면 로그인이 필요합니다.