-
1. Re: Dragging a Big Picture
hans-g. Aug 21, 2011 11:35 AM (in response to GESYMSB)Hi,
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):
Hans-Günter
P.S.
Please send a link to "I found one ..."
-
2. Re: Dragging a Big Picture
MurraySummers Aug 21, 2011 11:38 AM (in response to GESYMSB)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).
-
3. Re: Dragging a Big Picture
MurraySummers Aug 21, 2011 11:38 AM (in response to MurraySummers)On a mac, I suppose you could drag and drop the picture on the printer icon....
-
4. Re: Dragging a Big Picture
GESYMSB Aug 22, 2011 6:32 AM (in response to GESYMSB)Thanks folks...
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.
-
5. Re: Dragging a Big Picture
MurraySummers Aug 22, 2011 7:33 AM (in response to GESYMSB)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?
-
6. Re: Dragging a Big Picture
the_shocker Aug 22, 2011 7:45 AM (in response to GESYMSB)GESYMSB wrote:
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?
best,
Shocker
-
7. Re: Dragging a Big Picture
hans-g. Aug 22, 2011 8:39 AM (in response to GESYMSB)Hi,
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?
Hans-Günter
-
8. Re: Dragging a Big Picture
GESYMSB Aug 22, 2011 12:47 PM (in response to the_shocker)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.
Thanks
-
9. Re: Dragging a Big Picture
MurraySummers Aug 22, 2011 1:55 PM (in response to GESYMSB)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.
-
10. Re: Dragging a Big Picture
mytaxsite.co.uk Aug 22, 2011 8:22 PM (in response to GESYMSB)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.
hth
-
11. Re: Dragging a Big Picture
hans-g. Aug 23, 2011 1:47 AM (in response to MurraySummers)Hi,
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.
Hans-G.
-
12. Re: Dragging a Big Picture
MurraySummers Aug 23, 2011 5:27 AM (in response to hans-g.)Nice pic!
-
13. Re: Dragging a Big Picture
Ken Binney Aug 23, 2011 6:30 AM (in response to GESYMSB)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.
-
14. Re: Dragging a Big Picture
GESYMSB Aug 23, 2011 6:52 AM (in response to GESYMSB)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 )
-
15. Re: Dragging a Big Picture
MurraySummers Aug 23, 2011 7:19 AM (in response to GESYMSB)Consider the following code -
<body>
<img src="http://www.dlocc.com/articles/wp-content/uploads/2010/07/fluffy-kitten.jpg" alt="Print this Fluffy Kitten by Clicking Below" />
<p><a href="#" onclick='javascript: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"); location.href="javascript:window.print()"'>Click the Image Above, then use the menu on the new window to select "File > Print".</a></p>
</body>
-
16. Re: Dragging a Big Picture
hans-g. Aug 23, 2011 10:58 AM (in response to MurraySummers)What concerns the pic: I won't dare to contradict you!
-
17. Re: Dragging a Big Picture
MurraySummers Aug 23, 2011 11:24 AM (in response to hans-g.)It came from a post I found....
-
18. Re: Dragging a Big Picture
hans-g. Aug 23, 2011 12:02 PM (in response to MurraySummers)Hi Murray,
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 ...?
Hans-G.
-
19. Re: Dragging a Big Picture
MurraySummers Aug 23, 2011 12:28 PM (in response to hans-g.)Thanks for checking. Try this -
<body>
<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>
-
20. Re: Dragging a Big Picture
hans-g. Aug 23, 2011 12:44 PM (in response to MurraySummers)Hi Murray,
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.
Hans-G.
P.S.
... and maybe here!http://hansgd.de/sail/
-
21. Re: Dragging a Big Picture
MurraySummers Aug 23, 2011 12:49 PM (in response to hans-g.)Try my code. It's improved!
-
22. Re: Dragging a Big Picture
hans-g. Aug 23, 2011 12:55 PM (in response to MurraySummers)I did it at once and - sorry - I don't have your luck.
-
23. Re: Dragging a Big Picture
MurraySummers Aug 23, 2011 1:04 PM (in response to hans-g.)How is it failing? Or are you referring to the spaces that the forum inserts in the image filename? Yes, those should be removed.
-
24. Re: Dragging a Big Picture
hans-g. Aug 23, 2011 1:11 PM (in response to MurraySummers)My http://hansgd.de/AdobTest/DraggingAPic.php
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.
Hans-G.
P.S.
End of my "connection", here it's time to go to bed.
-
25. Re: Dragging a Big Picture
GESYMSB Aug 24, 2011 6:19 AM (in response to GESYMSB)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 ?
-
26. Re: Dragging a Big Picture
MurraySummers Aug 24, 2011 6:41 AM (in response to GESYMSB)Any ideas where to get info on this ?
On what? You didn't ask a question!






