DIR : /home/kozerus/public_html/wz/wz_frame_3.htm
/home/kozerus/public_html/wz
<!DOCTYPE html>
<html><head>
<span id="line2"></span></span><span><<span class="start-tag">html</span>></span><span>
<span id="line3"></span></span><span><<span class="start-tag">head</span>></span><span>
<span id="line4"></span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">http-equiv</span>="<a class="attribute-value">expires</a>" <span class="attribute-name">content</span>="<a class="attribute-value">0</a>"></span><span>
<span id="line5"></span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">http-equiv</span>="<a class="attribute-value">content-type</a>" <span class="attribute-name">content</span>="<a class="attribute-value">text/html; charset=iso-8859-1</a>"></span><span>
<span id="line6"></span></span><span><<span class="start-tag">META</span> <span class="attribute-name">HTTP-EQUIV</span>="<a class="attribute-value">imagetoolbar</a>" <span class="attribute-name">CONTENT</span>="<a class="attribute-value">no</a>"></span><span>
<span id="line7"></span></span><span><<span class="start-tag">title</span>></span><span>Example-Applications with wz_dragdrop.js</span><span></<span class="end-tag">title</span>></span><span>
<span id="line8"></span></span><span><<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">stylesheet</a>" <span class="attribute-name">type</span>="<a class="attribute-value">text/css</a>" <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/newwalterzorn.css">../../newwalterzorn.css</a>"></span><span>
<span id="line9"></span></span><span><<span class="start-tag">style</span> <span class="attribute-name">type</span>="<a class="attribute-value">text/css</a>"></span><span>
<span id="line10"></span></span><span><</span><span>!--
<span id="line11"></span>body {
<span id="line12"></span> padding:40px;
<span id="line13"></span>}
<span id="line14"></span>-->
<span id="line15"></span></span><span></<span class="end-tag">style</span>></span><span>
<span id="line16"></span></span><span></<span class="end-tag">head</span>></span><span>
<span id="line17"></span></span><span><<span class="start-tag">body</span> <span class="attribute-name">bgcolor</span>="<a class="attribute-value">#ffffff</a>"></span><span>
<span id="line18"></span> </span><span><<span class="start-tag">p</span>></span><span>
<span id="line19"></span> </span><span><<span class="start-tag">big</span>></span><span></span><span><<span class="start-tag">b</span>></span><span>Examples Created with the DHTML API of wz_dragdrop.js</span><span></<span class="end-tag">b</span>></span><span></span><span></<span class="end-tag">big</span>></span><span>
<span id="line20"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line21"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/dragdrop/demos/timedtransition.htm">timedtransition.htm</a>" <span class="attribute-name">target</span>="<a class="attribute-value">_top</a>"></span><span>Timed smooth transitions</span><span></<span class="end-tag">a</span>></span><span>:
<span id="line22"></span> An additional JavaScript module written by </span><span><<span class="start-tag">b</span>></span><span>Carlos Chiari</span><span></<span class="end-tag">b</span>></span><span>
<span id="line23"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line24"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/dragdrop/demos/window.htm">window.htm</a>" <span class="attribute-name">target</span>="<a class="attribute-value">_top</a>"></span><span>Window</span><span></<span class="end-tag">a</span>></span><span> Simulation (simplyfied example)
<span id="line25"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line26"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/dragdrop/demos/frameset/frame.htm">frameset/frame.htm</a>" <span class="attribute-name">target</span>="<a class="attribute-value">_top</a>"></span><span>Frames</span><span></<span class="end-tag">a</span>></span><span>: Access to D'nD items in different frames
<span id="line27"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line28"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/dragdrop/demos/dnd_snapandsort.htm">dnd_snapandsort.htm</a>" <span class="attribute-name">target</span>="<a class="attribute-value">_top</a>"></span><span>Sort draggable elements</span><span></<span class="end-tag">a</span>></span><span>
<span id="line29"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line30"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/dragdrop/demos/sizegrip.htm">sizegrip.htm</a>" <span class="attribute-name">target</span>="<a class="attribute-value">_top</a>"></span><span>Image Resizing</span><span></<span class="end-tag">a</span>></span><span> in a more sophisticated manner
<span id="line31"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line32"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/dragdrop/demos/dnd_trackingimg.htm">dnd_trackingimg.htm</a>" <span class="attribute-name">target</span>="<a class="attribute-value">_top</a>"></span><span>Tracking Image</span><span></<span class="end-tag">a</span>></span><span>
<span id="line33"></span> </span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span>
<span id="line34"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/dragdrop/demos/dnd_graphics.htm">dnd_graphics.htm</a>" <span class="attribute-name">target</span>="<a class="attribute-value">_top</a>"></span><span>Draggable Vector Graphics</span><span></<span class="end-tag">a</span>></span><span>: wz_dragdrop.js and wz_jsgraphics.js combined
<span id="line35"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line36"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/dragdrop/demos/drawonimg.htm">drawonimg.htm</a>" <span class="attribute-name">target</span>="<a class="attribute-value">_top</a>"></span><span>Drawing on Top of a (Draggable) Image</span><span></<span class="end-tag">a</span>></span><span>: wz_dragdrop.js and wz_jsgraphics.js combined
<span id="line37"></span> </span><span></<span class="end-tag">p</span>></span><span>
<span id="line38"></span> </span><span><<span class="start-tag">p</span>></span><span></span><span><<span class="start-tag">br</span>></span><span></span><span></<span class="end-tag">p</span>></span><span>
<span id="line39"></span> </span><span><<span class="start-tag">p</span>></span><span>
<span id="line40"></span> </span><span><<span class="start-tag">big</span>></span><span></span><span><<span class="start-tag">b</span>></span><span>Main Page, Hauptseite</span><span></<span class="end-tag">b</span>></span><span></span><span></<span class="end-tag">big</span>></span><span>
<span id="line41"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line42"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/dragdrop/dragdrop_e.htm">../dragdrop_e.htm</a>"></span><span>Drag<span class="entity"><span>&</span>amp;</span>Drop, DHTML for Images and Layers</span><span></<span class="end-tag">a</span>></span><span> (english)
<span id="line43"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line44"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/dragdrop/dragdrop.htm">http://www.walterzorn.de/dragdrop/dragdrop.htm</a>"></span><span>Drag<span class="entity"><span>&</span>amp;</span>Drop, DHTML f<span class="entity"><span>&</span>uuml;</span>r Bilder und Layer</span><span></<span class="end-tag">a</span>></span><span> (deutsch)
<span id="line45"></span> </span><span></<span class="end-tag">p</span>></span><span>
<span id="line46"></span> </span><span><<span class="start-tag">p</span>></span><span></span><span><<span class="start-tag">br</span>></span><span></span><span></<span class="end-tag">p</span>></span><span>
<span id="line47"></span> </span><span><<span class="start-tag">p</span>></span><span>
<span id="line48"></span> </span><span><<span class="start-tag">big</span>></span><span></span><span><<span class="start-tag">b</span>></span><span>Other sites</span><span></<span class="end-tag">b</span>></span><span></span><span></<span class="end-tag">big</span>></span><span>
<span id="line49"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line50"></span> Andrew Collington's </span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://php.amnuts.com/demos/crop-canvas/index.php">http://php.amnuts.com/demos/crop-canvas/index.php</a>" <span class="attribute-name">target</span>="<a class="attribute-value">_top</a>"></span><span>Image Cropping PHP Class</span><span></<span class="end-tag">a</span>></span><span>,
<span id="line51"></span> which can be combined with wz_dragdrop.js to provide manual selection of the cropping area.
<span id="line52"></span> </span><span></<span class="end-tag">p</span>></span><span>
<span id="line53"></span></span><span></<span class="end-tag">body</span>></span><span>
<span id="line54"></span></span><span></<span class="end-tag">html</span>></span><span>
<span id="line55"></span></span></pre></body></html>
//
koh5_pano
Drag mouse to navigate.
Navigation
- Left/Right Mouse drag: Changes camera heading.
- Up/Sown Mouse drag: Changes camera pitch.
- Scroll wheel: Changes camera field of view.
- I-Key: Displays Info panel with canvas size, image size and FPS.
17.Aug.2010, Martin Wengenmayer