|
В этом примере показано использование апплетов Fragmentor и
OperatedImageViewer для демонстрации увеличенных фрагментов изображений.
Полное изображение выведено в окне апплета Fragmentor (слева внизу) в массштабе 0.3 относительно исходного размера.
При нажатии кнопки "Средний" фрагмент этого изображения, ограниченный рамкой, отображается в окне другого апплета
Fragmentor (вверху) в массштабе 0.8 относительно исходного размера полного изображения.
При нажатии кнопки "Крупный" фрагмент среднего плана, ограниченный рамкой верхнего апплета, отображается в окне
апплета OperatedImageViewer (внизу справа) в массштабе 2 относительно исходного размера полного изображения.
Рамки перемещаются в пределах изображений с помощью "перетаскивания мышью"
При нажатии кнопки "Загрузить" загружается новое полное изображение и отображается в окне левого нижнего апплета
Рамка изображается "утопленной" в окне верхнего апплета и "приподнятой" в окне левого нижнего апплета.
Автор приносит свои извенения за использование любительских фотографий не совсем подходящих для демонстрации
возможностей апплетов.
<APPLET NAME="wfragmentor" CODEBASE="applets" ARCHIVE="imager.jar"
CODE="Fragmentor.class" WIDTH=314 HEIGHT=108>
<PARAM NAME="align" VALUE="center">
<PARAM NAME="bgcolor" VALUE="C0C0C0">
</APPLET>
<APPLET NAME="fragmentor" CODEBASE="applets" ARCHIVE="imager.jar"
CODE="Fragmentor.class" WIDTH=121 HEIGHT=184>
<PARAM NAME="picture" VALUE ="im11.jpg">
<PARAM NAME="align" VALUE="center">
<PARAM NAME="bgcolor" VALUE="C0C0C0">
<PARAM NAME="scale" VALUE="0.5">
<PARAM NAME="fragmentwidth" VALUE="117">
<PARAM NAME="fragmentheight" VALUE="40">
</APPLET>
<APPLET NAME="viewer" CODEBASE="applets" ARCHIVE="imager.jar" CODE="OperatedImageViewer.class"
WIDTH=184 HEIGHT=184>
<PARAM NAME="align" VALUE="center">
<PARAM NAME="bgcolor" VALUE="C0C0C0">
<PARAM NAME="scale" VALUE="2">
</APPLET>
<FORM>
<INPUT TYPE="button" VALUE="Загрузить" onClick="reLoad()">
<INPUT TYPE="button" VALUE="Средний" onClick="showFragment()">
<INPUT TYPE="button" VALUE="Крупный" onClick="showLFragment()">
</FORM>
В начало страницы
<SCRIPT LANGUAGE="JavaScript">
<!--
/* Хранит информацию о том, перезагружалось ли исходное изображение */
replaced = false;
/* Загружает изображение и отображает его в окне апплета. Параметры отображения аналогичны исходным.
Если в данный момент отображается исходное изображение, то загружает другое, иначе вновь загружает исходное */
function reLoad(){
if (replaced==false)
document.applets.fragmentor.loadImage("im8.jpg",0.3,117,40);
else
document.applets.fragmentor.loadImage("im11.jpg",0.3,117,40);
replaced = !replaced;
}
/* Отображает фрагмент изображения, ограниченный рамкой в окне левого нижнего апплета, в
окне верхнего апплета Fragmentor. */
function showFragment(){
fragment =
document.applets.fragmentor.getFragment();
document.applets.wfragmentor.changePicture(fragment,0.8,72,72);
}
/* Получает фрагмент из верхнего апплета Fragmentor и выводит его в в OperatedImageViewer
(внизу справа) */
function showLFragment(){
fragment=document.applets.wfragmentor.getFragment();
document.applets.viewer.replaceImage(fragment, 2);
}
// -->
</SCRIPT>
В начало страницы
|
