assuming I understood correctly, I suppose you mean the old fashioned thing with the "print" button on your keyboard. This screen shot you can load into a image processing program and edit it further as you like. Example is here as a part of the screenshot from your question in my German forum):
Please send a link to "I found one ..."
There is no "EASY" way to do this. Look at the code, find the path to the image, and browse directly to it. Then print that from the browser's menu (FILE | Print).
On a mac, I suppose you could drag and drop the picture on the printer icon....
What I am trying to do is to drag a picture on a webpage
like Google Maps, I know you divide the big picture
into small pieces, but I cant find a good code / explenation
on how to do it.
So, I'm confused about what you are asking. Are you asking how to drag a picture, or how to print a picture, or how to slice a picture, or something else entirely?
Title: Dragging a Big Picture
Anyone here knows where I can find an example on how to print a picture
on the page, not the whole page ?
Judging from your post I assume that by "print" you mean "display in the users browser". You want to know how to display a large image, but only show a part of that image, then allow the user to drag the image within the browser to navigate to other areas of the large image that is partially displayed in the browser.
Is this a correct aaumption?
let us approach the problem from another angle. Could it be, that English is not your native language, as indeed for me too. Maybe it's easier if you ask your question in your native language, exceptionally, ok?
No, I have a small coupon on the center of the page lets say.
I want to just print the coupon, not all the page.
Your questions are still very vague.
Are you browsing to this page, and you want to print from the browser?
Are you building this page, and you want to add some code so that the visitor can print the coupon?
Can you give us some concrete example? You have to help us help you.
Please post a link to your picture and we shall tell you how to do it. To print a picture only from a webpage, I suggestdo this:
1) open the page in firefox browser
2) Now right-Click on the Image;
3) Select View Image Info as shown in this picture
This should give almost unlimited options with this wonderful picture.
I stick to it, you can't print a part of a web page without any intermediate steps, you must, as I said before use the "print" button on your keyboard. This screen shot you can load into a image processing program and edit it further as you like. Example here as a part of the screenshot from this website:
After this process you can print it.
To enable visitors to print your coupon, try this.
Attach or embed a CSS "print" stylesheet to this page only.
Code this stylesheet to "hide" all elements on the page except for the DIV containing your coupon.
Ok folks, I went trough all the posts and I can see what
the error is, there is a post about a coupon that should NOT be here.
Some how got into this area. ( That was another question )
What I asking is for example on Java, CSS or PHP that let a person looking at
the page " with a coupon" in the very center, to print
" THAT COUPON" and NOT the whole page.
Like Ken Binney indicate above, just that I hardly getting a hand on CSS
( Got no idea how to )
The question about the picture, was on a script that let the viewer of your page
to click and drag the "Big" picture around, like Google those with their Maps.
I know the pictures are small pieces of the big picture, but cant find
a code to do this or how to cut the big picture according / for the script.
I had found plenty examples but they all use Flash.
Sorry, for all the mess, but the two questions got mix here.
One question was about printing a coupen that the customer see on the page
The other was about the Big Picture "Dragging" with the mouse like Google Maps.
Thanks ! ( And Sorry )
Consider the following code -
<img src="http://www.dlocc.com/articles/wp-content/uploads/2010/07/fluffy-kitten.jpg" alt="Print this Fluffy Kitten by Clicking Below" />
What concerns the pic: I won't dare to contradict you!
It came from a post I found....
please have a look here: http://hansgd.de/AdobTest/DraggingAPic.php, where I tried your hint. Is this demand (Alt.) correct: "Click the Image Above, then use .."?
In my, better in your example, I have to click into the command line. What's wrong, my understanding or ...?
Thanks for checking. Try this -
<img src="http://www.dlocc.com/articles/wp-content/uploads/2010/07/fluffy-kitten.jpg" alt="" />
<a href="#" onclick='window.open("http://www.dlocc.com/articles/wp-content/uploads/2010/07/fluffy-kitten.jpg","mywindow","width=322,height=323,left=650,top=-1,menubar=yes")'>Click to Print the Image Above</a> </body>
like Gramps said, ... the space, it seems that the forum software has a few glitches. Therefore I adapted your former hint into my understanding and deleted the spaces and it works like a charm. Please have a look again.
... and maybe here!http://hansgd.de/sail/
Try my code. It's improved!
I did it at once and - sorry - I don't have your luck.
How is it failing? Or are you referring to the spaces that the forum inserts in the image filename? Yes, those should be removed.
Clicking into the "link"-line of your first code it works. Clicking into the "link"-line of second code it doesn't work.
And ok, I deleted the spaces, I only would saying these things allusively to "GESYMSB" our questioner.
End of my "connection", here it's time to go to bed.
Thanks folks, that example was good.
Now about the big picture, there was a place in the web talking about that technic, but
I had not be able to find it.
And I do not like the Zoomify Export from photoshop.
Any ideas where to get info on this ?
Any ideas where to get info on this ?
On what? You didn't ask a question!