mixmedia
Threadersteller
Dabei seit: 13.02.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 22.08.2011 08:15
Titel Kleines Problem mit swf-Datei aus Indesign CS 5.5 |
|
|
Ich habe meine Zeitschrift in Indesign CS 5.5 erstellt und als swf mit interaktiven Buttons exportiert. Im HTML-Teil verwende ich ein Javascript dazu, daß der Online-Leser in die Seiten hinein- und herauszoomen kann.
Soweit funktioniert das schon mal.
Ich suche aber jetzt eine Möglichkeit, daß der Online-Leser den Ausschnitt, der bei der gezoomten Seite angezeigt wird, verschieben kann. Die Zoomfunktion geht nämlich immer auf den Mittelpunkt der jeweiligen Doppelseite.
Vielleicht hat hier jemand eine Idee, wie ich das bewerkstelligen kann.
Hier mal mein Skript:
Code: | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Testgestaltung</title>
<script language="JavaScript">
<!--
// F. Permadi May 2000
function getFlashMovieObject(movieName)
{
if (window.document[movieName])
{
return window.document[movieName];
}
if (navigator.appName.indexOf("Microsoft Internet")==-1)
{
if (document.embeds && document.embeds[movieName])
return document.embeds[movieName];
}
else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
{
return document.getElementById(movieName);
}
}
function StopFlashMovie()
{
var flashMovie=getFlashMovieObject("test");
flashMovie.StopPlay();
}
function PlayFlashMovie()
{
var flashMovie=getFlashMovieObject("test");
flashMovie.Play();
//embed.nativeProperty.anotherNativeMethod();
}
function RewindFlashMovie()
{
var flashMovie=getFlashMovieObject("test");
flashMovie.Rewind();
}
function NextFrameFlashMovie()
{
var flashMovie=getFlashMovieObject("test");
// 4 is the index of the property for _currentFrame
var currentFrame=flashMovie.TGetProperty("/", 4);
var nextFrame=parseInt(currentFrame);
if (nextFrame>=10)
nextFrame=0;
flashMovie.GotoFrame(nextFrame);
}
function ZoominFlashMovie()
{
var flashMovie=getFlashMovieObject("test");
flashMovie.Zoom(90);
}
function ZoomoutFlashMovie()
{
var flashMovie=getFlashMovieObject("test");
flashMovie.Zoom(110);
}
function SendDataToFlashMovie()
{
var flashMovie=getFlashMovieObject("test");
flashMovie.SetVariable("/:message", document.controller.Data.value);
}
function ReceiveDataFromFlashMovie()
{
var flashMovie=getFlashMovieObject("test");
var message=flashMovie.GetVariable("/:message");
document.controller.Data.value=message;
}
//-->
</script>
</head>
<body>
<!-- <div style="overflow: hidden; width: auto;"> --><p align="center">
<OBJECT id="test" codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="100%" width="100%" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<PARAM NAME="Movie" VALUE="Testgestaltung.swf">
<PARAM NAME="Quality" VALUE="AutoHigh">
<param name="play" value="false">
<PARAM NAME="AllowScriptAccess" VALUE="always">
<embed width="100%" height="100%" play="false" name="test" src="Testgestaltung.swf" quality="autohigh" type="application/x-shockwave-flash" swliveconnect="true" plugspace="http://www.macromedia.com/go/getflashplayer"> </embed>
</object>
<!--</div>--></p>
<form name="controller" method="POST">
<p>
<center>
<b><font color="#0099CC">JavaScript Controller<br>
</font></b>
<input type="button" value="Play" name="Play" onClick="PlayFlashMovie();">
<input type="button" value="Stop" name="Stop" onClick="StopFlashMovie();">
<input type="button" value="Rewind" name="Rewind" onClick="RewindFlashMovie();">
<input type="button" value="NextFrame" name="NextFrame" onClick="NextFrameFlashMovie();">
<input type="button" value="Zoomin" name="Zoomin" onClick="ZoominFlashMovie();">
<input type="button" value="Zoomout" name="Zoomout" onClick="ZoomoutFlashMovie();">
<br>
Form Data:
<input type="text" name="Data" size="20" value="Enter message">
<input type="button" value="Send Data" name="SendData" onClick="SendDataToFlashMovie();">
<input type="button" value="Receive Data" name="ReceiveData" onClick="ReceiveDataFromFlashMovie();">
<br>
</center>
</p>
<p> </p>
</form>
</body>
</html>
|
|
|