작은 이미지가 있고 각 이미지에 "큰 이미지 인쇄"링크가 있습니다. 예를 들어파일 인쇄를 트리거하는 링크를 만드는 방법은 무엇입니까?
는 :
<img src="thumb.jpg">
<a href="#">Print Larger Image</a>
사용자가 "인쇄 큰 이미지"링크를 클릭
, 내 목표는 "big.jpg"의 인쇄를 실행하는 것입니다.어떻게이 작업을 수행 할 수 있습니까?
편집 : 안토니는 나를 위해 올바른 해결책을 가졌습니다. 나는 그의 코드를 수정하기 위해 비트를 수정했다. 여기에 전체 코드 정말 기본적인 HTML의
<style>
@media screen {
.printimage {
display: none;
}
}
@media print {
body * {
display: none;
}
.printimage {
display: block;
}
}
</style>
<a id="bigimage" href="#">Print Big Image</a>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#bigimage").click(function() {
$("body").append("<img src='http://sstatic.net/so/img/logo.png' class='printimage' >");
window.print();
});
});
</script>
인쇄 바로 표시 수단? – KB22
그랬다면 몇 분 전의 질문과 중복 될 수 있습니다. – pavium
인쇄하여 표시하는 것이 아닙니다. 내 목표는 다음과 같습니다. 사용자가 "인쇄"링크를 클릭하면 그는 동일한 페이지에 머물러 있으며 브라우저의 "인쇄"대화 상자가 나타납니다. 다음으로, 사용자는 "OK"버튼을 클릭하여 "big.jpg"파일 인쇄를 시작할 수 있습니다. – edt