Way to print one image from a page?

**potter** · 08-30-2012, 07:02 AM

You could use jquery to on-click of an image, (hide) all images except the one clicked on, and then fire the print function. That way the page should only print the image desired.

Something like

Code:

$('div.container img').click(function() {
    $('div.container img').hide();
    $(this).show();
    window.print();
});

**Lace** · 08-30-2012, 07:29 AM

Originally posted by potter

You could use jquery to on-click of an image, (hide) all images except the one clicked on, and then fire the print function. That way the page should only print the image desired.

Something like

Code:

$('div.container img').click(function() {
    $('div.container img').hide();
    $(this).show();
    window.print();
});

Hmm...okay. I'll give this a shot first.

Thanks, potter!

**livexxx** · 08-30-2012, 07:32 AM

You can do it very easily to print just single elements with jQuery Print Area plugin

http://www.ssdtutorials.com/tutorial...ery-print.html

Code:

	$('.print').click(function() {
		var container = $(this).attr('rel');
		$('#' + container).printArea();
		return false;
	});

The demo on that page has a print button to print named elements on a page. You can create a new CSS element and wrap that around single images as well so that you can click an image and get it to print.

example below :
http://www.gotporn.com/print/

**Lace** · 08-31-2012, 06:36 AM

Originally posted by livexxx

You can do it very easily to print just single elements with jQuery Print Area plugin

http://www.ssdtutorials.com/tutorial...ery-print.html

Code:

	$('.print').click(function() {
		var container = $(this).attr('rel');
		$('#' + container).printArea();
		return false;
	});

The demo on that page has a print button to print named elements on a page. You can create a new CSS element and wrap that around single images as well so that you can click an image and get it to print.

example below :
http://www.gotporn.com/print/

Tried this, and it works fine until I put it into my template. I don't get it. Everything is set - the scripts, the div id's, etc.

**marlboroack** · 08-31-2012, 10:24 AM

Print screen it then paste it in paint then Ctrl- P

**fris** · 08-31-2012, 10:38 AM

also take a look at jqprint, i use it for a cms that allows you to only print the source code.

Way to print one image from a page?

Way to print one image from a page?

Comment

Comment

Comment

Comment

Comment

Comment