html - Drag a zoomed image within a div clipping mask using jQuery draggable? -

-

I am creating an interface that allows a user to zoom in on an image and zoom in to the clipping version Drag around the mask div.

I have a div 200px 200px which I set overflow: is hidden. Then I am loading a study img ( & lt; img src = "etc" & gt; ) into that div, that is, say, 1000px by 1000px .

Then I use jQuery 

  $ ("# my-image"). Draggable ({prevention: [-85,83,99,222]});

Numbers are hard coded so far I can only get them through trial and error ...

The problem is that every time I make a change on the page (Ie is inserted another element above my container division) then the size of the page changes and my hard coded [x1, y1, x2, y2] stop working correctly.

The main issue is that I do not fully understand [x1, y1, x2, y2] ...

Here are the documents of jQuery: / P> 

  http://docs.jquery.com/UI/Draggable#option-content

Am I correct in thinking that x1 is the most draggable left The point is, x2 is the most draggable point right? (And also for y1 & y2)?

If so, what would be the best strategy to calculate them dynamically?

In addition to this, any other quick and easy solution of the main problem will be greatly appreciated "drag a zoomed image inside a Divine clipping mask". 

  $ (this) .degrez (drag: function (event, UI) {if (ui.position.top> 0) {ui.position.top = 0;} var maxtop = ui.helper.parent (). Height () - ui.helper.height (); if (ui.position.top

Comments

Post a Comment

Popular posts from this blog

asp.net - Javascript/DOM Why is does my form not support submit()? -

-
This is my first time working with asp.net and javascript, so I do not know very good web resources, or Much about javascript debugging I have to find out that on line oFormObject.submit (); Microsoft JScript Runtime Error: Object does not support this property or method I am using the link to work as a button because I am terrible in aesthetics and I think That link will look more professional than a table of 50 buttons. I have read that this solution can cause problems with browsers due to pre-rendering of my links and many additional traffic and problems, but CSS gives me a button like a link, which has issues of alignment and difference seemed to. & lt ;! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // N" "http://www.w3.org/TR/html4/strict.dtd"> & Lt; Html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; Head & gt; & Lt; Link rel = "stylesheet" type = "text / css" href = "defect differen
Read more

sockets - Delphi: TTcpServer, connection reset when reading -

-
I am trying to implement one for Delphi, but there are some problems with communication. Fitnesse will start my process, and give me a portmember as a command line argument. Then I should make a socket on the port number given to me, and fitness will connect to that port I am using a TCPCP server for the job: < Pre> TcpServer1.LocalPort: = ParamStr (ParamCount); TcpServer1 Active: = true; On OnEXEPT () -Event, I send the protocol version to use as specified in the protocol. Process TForm1.TcpServer1Accept (From: TOBject; ClientSocket: TCustomIpClient); Var s: ansistring; Start clientSocket. Syndrome ('slim - v 0.0', # 10); SetLength (S, 6); ClientSketts Receavebook (S, 6); End; When I call ReceiveBuf (), the process ends, and fitness throws an exception: java.net.SocketException: connection Reset I have seen what sent and received. It shows that my code sends the protocol version, fitness sends back a message, and when I try to get this message
Read more

javascript - Classic ASP "ExecuteGlobal" statement acting differently on two servers -

-
I have a strange problem that I really do not know. In addition to developing a new ASP.NET site, I have to support the old "classic ASP" site. It is written in VBScript with a batch of JavaScript functions. Many of the JavaScript functions include 'files' Everything is fine on our production system (which security is controlled by another group - this is a military installation) Debugging them once did not work I). However, I have a fix for a vague bug that needs to be fully tested and some functions do not run under the "local" copy of the website that runs on my PC. For the record, I am running IIS 5.1 on XP. The problem is that some Javascript functions are running "OK" on the production server, but when they use it as a server, they are not defined on my PC what is happening that last Programmer, for some reason, has decided to put some functions in a series of files, which according to the observations, imitate the "need_once
Read more