새창에 이미지 넣기 소스
본문
팝업창으로 새창을 띄우고 그안에 이미지를 넣으려고 하는데
아래 예를 들어 놓겠습니다.
<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>
이렇게 소스를 적용하는데
새창이 띄워 지고 나서 아래 네모 대표번호 있는 부분에
빨간 네모정도 크기의 이미지를 넣으려고 합니다.
이건 어떤식으로 해야 할까요?
창크기 조절할때 이미지도 같이 자동 조절도 가능 할까요?
답변 1
전체 내용 position 을 relative 로 하시고
이미지에 style="display:inline-block;position:absolute;bottom:0;right:0;"을 이용하시고
해당 이미지 사이즈를 width: % 로 적용시키시면 창크기 조정에 사이즈를 변경하실수 있습니다.
저 위에 b4.jpg 이미지를 클릭하면 새창이 띄워지고, 새창안에 http://vertium.hobanapt.co.kr/icheon-hoban/vr/01_liv.html 주소의 내용이 불러 들어오며, 그 하단 대표번호 있는곳에 새로운 이미지를 넣으려고 하는건데, 그 주소 안에 onlymilk47님이 알려주신 style 내용 넣으면 되는건가요?
네 해당 창이 새로 뜨기 때문에 해당 html 파일 안에 적용하시면 됩니다.
답변을 작성하시기 전에 로그인 해주세요.
