DIR : /home/kozerus/public_html/wz/wz_frame_left.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>JavaScript: DHTML Library, Drag <span class="entity"><span>&</span>amp;</span> Drop for Images and Layers</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="end-tag">head</span>></span><span>
<span id="line10"></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="line11"></span></span><span><<span class="start-tag">script</span> <span class="attribute-name">type</span>="<a class="attribute-value">text/javascript</a>" <span class="attribute-name">src</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/scripts/wz_dragdrop.js">../../../scripts/wz_dragdrop.js</a>"></span><span></span><span></<span class="end-tag">script</span>></span><span>
<span id="line12"></span> </span><span><<span class="start-tag">table</span> <span class="attribute-name">cellpadding</span>="<a class="attribute-value">6</a>"></span><span>
<span id="line13"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line14"></span> </span><span><<span class="start-tag">td</span>></span><span>
<span id="line15"></span> </span><span><<span class="start-tag">div</span> <span class="attribute-name">id</span>="<a class="attribute-value">comment</a>" <span class="attribute-name">style</span>="<a class="attribute-value">position:relative;</a>"></span><span>
<span id="line16"></span> These images are draggable, and can even be resized with mouse+<span class="entity"><span>&</span>lt;</span>Shift<span class="entity"><span>&</span>gt;</span>
<span id="line17"></span> </span><span></<span class="end-tag">div</span>></span><span>
<span id="line18"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line19"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line20"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line21"></span> </span><span><<span class="start-tag">td</span>></span><span>
<span id="line22"></span> </span><span><<span class="start-tag">img</span> <span class="attribute-name">name</span>="<a class="attribute-value">prairiedog</a>" <span class="attribute-name">src</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/images/dragdrop/ddprairiedog.jpg">../../../images/dragdrop/ddprairiedog.jpg</a>" <span class="attribute-name">width</span>="<a class="attribute-value">135</a>" <span class="attribute-name">height</span>="<a class="attribute-value">148</a>" <span class="attribute-name">alt</span>="<a class="attribute-value"></a>"></span><span>
<span id="line23"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line24"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line25"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line26"></span> </span><span><<span class="start-tag">td</span>></span><span>
<span id="line27"></span> </span><span><<span class="start-tag">img</span> <span class="attribute-name">name</span>="<a class="attribute-value">chameleon</a>" <span class="attribute-name">src</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/images/dragdrop/ddcham.jpg">../../../images/dragdrop/ddcham.jpg</a>" <span class="attribute-name">width</span>="<a class="attribute-value">155</a>" <span class="attribute-name">height</span>="<a class="attribute-value">95</a>" <span class="attribute-name">alt</span>="<a class="attribute-value"></a>"></span><span>
<span id="line28"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line29"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line30"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line31"></span> </span><span><<span class="start-tag">td</span>></span><span>
<span id="line32"></span> </span><span><<span class="start-tag">img</span> <span class="attribute-name">name</span>="<a class="attribute-value">einstein</a>" <span class="attribute-name">src</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/images/dragdrop/einstrec.gif">../../../images/dragdrop/einstrec.gif</a>" <span class="attribute-name">width</span>="<a class="attribute-value">150</a>" <span class="attribute-name">height</span>="<a class="attribute-value">96</a>" <span class="attribute-name">alt</span>="<a class="attribute-value"></a>"></span><span>
<span id="line33"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line34"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line35"></span> </span><span></<span class="end-tag">table</span>></span><span>
<span id="line36"></span></span><span><<span class="start-tag">script</span> <span class="attribute-name">type</span>="<a class="attribute-value">text/javascript</a>"></span><span>
<span id="line37"></span></span><span><!</span><span>--
<span id="line38"></span>SET_DHTML(CURSOR_MOVE, RESIZABLE, "prairiedog", "chameleon", "einstein", "comment"+NO_DRAG);
<span id="line39"></span>
<span id="line40"></span>for (var i = 0; i </span><span>< </span><span>dd.elements.length; i++)
<span id="line41"></span>{
<span id="line42"></span> dd.elements[i].hide();
<span id="line43"></span>}
<span id="line44"></span>// images should not be visible initially
<span id="line45"></span>//-->
<span id="line46"></span></span><span></<span class="end-tag">script</span>></span><span>
<span id="line47"></span></span><span></<span class="end-tag">body</span>></span><span>
<span id="line48"></span></span><span></<span class="end-tag">html</span>></span><span>
<span id="line49"></span>
<span id="line50"></span>
<span id="line51"></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