Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

arees · 27-08-2011, 13:51

hallo,
hab ein problem bei einem script. Und zwar will er einfach nicht das setTimeout ausführen.

hier der script

Code:

<script type="text/javascript">

var make_center2 = 0;
var make_center = 0;
var make_big = 0;

var bilder = new Array(2);
bilder[0] = document.getElementById("bild1");
bilder[1] = document.getElementById("bild2");
bilder[2] = document.getElementById("bild3");

function load_picture(bilder)
{
document.getElementById("abdunkeln").style.display = "block";
make_center -= 1;
bilder.style.left = make_center + "px";
make_center2 -= 1;
bilder.style.top = make_center2 + "px";

make_big += 2;
bilder.style.height = make_big + "px";
window.setTimeout("load_picture(bilder)",2);
}
</script>

findet wer den fehler ? also er zeigt mir das bild wohl an nur halt mit 1px größe

Nightflyer · 27-08-2011, 14:09

wo wird load_picture() aufgerufen (das erste mal)?

arees · 27-08-2011, 14:12

**Martin Kraft** · 27-08-2011, 14:17

Das Timeout sollte wohl eher so in der Art aussehen?!

PHP-Code:

  setTimeout("load_picture(bilder[2])", 1000);

arees · 27-08-2011, 14:20

edit: klappt

vielen dank

arees · 27-08-2011, 14:31

mhh aber er soll ja das bild was im verweis steht vergrößern??

Nightflyer · 27-08-2011, 14:46

Also den Fehler finde ich jetzt nicht, sieht für mich in Ordnung aus, aber:

- Dein Script vergrössert das Bild, tut dies aber unendlich sollte es denn funktionieren?
- Das Script ist sehr unübersichtlich
- make_center und make_center2 sind gleich

Mein Vorschlag: Benutze JQuery!

HTML-Code:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Test</title>
    <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>

	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
			border: none;
		}

    </style>
	
	<script type="text/javascript">
    
    $(document).ready( function(){
        
       $('#images img').click( function(){
        
            $(this).animate( { position: 'absolute', width: '500px', height: '200px', left: '-=250px', top: '-=100px' }, 'slow', function(){
                 
                $(this).unbind('click');
                
            });
        
       });
        
    });
        

	</script>

</head>
<body>

    <div id="images">
    
        <img src="IMG_1685.JPG" style="position: absolute; left: 200px; top: 400px; width: 100px; height: 70px;" />
        <img src="IMG_1686.JPG" style="position: absolute; left: 400px; top: 400px; width: 100px; height: 70px;" />
        <img src="IMG_1687.JPG" style="position: absolute; left: 600px; top: 400px; width: 100px; height: 70px;" />
        <img src="IMG_1688.JPG" style="position: absolute; left: 800px; top: 400px; width: 100px; height: 70px;" />
    
    </div>

</body>
</html>

Sieht auf jeden Fall sauberer aus und ich bin mir sicher dass das, was du versuchst zu machen, eifacher ist damit - auch wenn es etwas komplizierter aussieht

arees · 27-08-2011, 15:12

wo finde ich denn lernmaterial dafür? und ist das schwer zu lernen?

lg

**Martin Kraft** · 27-08-2011, 15:29

Zitat:

Zitat von arees

wo finde ich denn lernmaterial dafür? und ist das schwer zu lernen?

Nein, jQuery ist relativ einfach zu erlernen und bestens dokumentiert:
jQuery JavaScript Library | Docs

..jedenfalls wenn man das Englischen mächtig ist (was man als Programmierer sein sollte). Über Google findet man aber auch Deutschsprachige Tutorials.

arees · 28-08-2011, 12:00

auf Self html steht:
An setTimeout() gekoppelte Funktionsaufrufe können auch Parameter enthalten. Berücksichtigen Sie dabei, dass lokale Variable dann nicht mehr zur Verfügung stehen. Eine Übergabe der Werte mittels Zeichenkettenverknüpfung ist jedoch jederzeit möglich.

SELFHTML: JavaScript / Objektreferenz / window

könnte das vll der fehler im script sein?

hier nochmal der script

Code:

<script type="text/javascript">

var make_center = 0;
var make_center2 = 0;
var make_big = 0;

bilder = new Array(2);
bilder[0] = document.getElementById("bild0");
bilder[1] = document.getElementById("bild1");
bilder[2] = document.getElementById("bild2");

function load_picture(bilder)
{
document.getElementById("abdunkeln").style.display = "block";
make_center -= 1;
bilder.style.left = make_center + "px";
make_center2 -= 1;
bilder.style.top = make_center2 + "px";

make_big += 2;
bilder.style.height = make_big + "px";
setTimeout(load_picture(bilder),1);
}

</script>

das mit jquery war auf jedenfall schonmal ne gute idee. Werd mich da die nächsten Tage reinarbeiten.

lg arees

Nightflyer · 28-08-2011, 13:39

Du scheinst nur nicht zu verstehen was SelfHTML damit meint

---------------------------
Der erste Parameter von setTimeout(), der Funktionsaufruf, muss ein String sein.
---------------------------

In deinem Script hast du die Variable "bilder", einmal als Array deiner Bild-Objekte in in der Funktion als eines dieser Bild-Objekte ausgewählt. Dies macht so keinen Sinn!! Wenn schon müsste die Funktion den Zähler enthalten, welches deiner Bild-Objekte angesprochen werden soll. Auch glaub nicht dass du das jetzt verstanden hast, drum hier ein Beispiel:

Code:

<script type="text/javascript">

var make_center = 0;
var make_center2 = 0;
var make_big = 0;

bilder = new Array(2);
bilder[0] = document.getElementById("bild0");
bilder[1] = document.getElementById("bild1");
bilder[2] = document.getElementById("bild2");

function load_picture( i )
{
document.getElementById("abdunkeln").style.display = "block";
make_center -= 1;
bilder.style.left = make_center + "px";
make_center2 -= 1;
bilder.style.top = make_center2 + "px";

make_big += 2;
bilder[i].style.height = make_big + "px";
setTimeout( "load_picture("+i+")", 1 );
}

</script>

HTML-Code:

<a href="javascript: load_picture(0);"><img src="bild.jpg" style="height: 10%; position: absolute; left: 500px; z-index: 200;"></a>

arees · 28-08-2011, 17:17

ist der code so richtig?

Code:

<script type="text/javascript">
var make_center = 0;
var make_center2 = 0;
var make_big = 0;
var make_wide = 0;
var oben = 0;

bilder = new Array(2);
bilder[0] = document.getElementById("bild0");
bilder[1] = document.getElementById("bild1");

function load_picture( i )
{
document.getElementById("ausrichtung").style.zIndex = 2000;
document.getElementById("ausrichtung").style.display = "block";
document.getElementById("abdunkeln").style.display = "block";
make_center -= 2;
bilder[i].style.left = make_center + "px";
make_center2 -= 2;
bilder[i].style.top = make_center2 + "px";

make_wide += 4;
bilder[i].style.width = make_wide + "px";

make_big += 5;
bilder[i].style.height = make_big + "px";
if(make_big < 550 && make_wide < 412)
{
setTimeout("load_picture("+i+")", 1 );
}
 else  { setTimeout("load_closelabel()",1); }
}

function load_closelabel()
{
document.getElementById("steuerung").style.display = "block";
oben += 6;
document.getElementById("steuerung").style.top = oben + "px";

if(oben < 320)
{
setTimeout("load_closelabel()",1);
}
else { oben = 0; }
}

function close_picture()
{
make_center = 0;
make_center2 = 0;
make_big = 0;
make_wide = 0;
oben = 0;
document.getElementById("ausrichtung").style.zIndex = -2000;
document.getElementById("ausrichtung").style.display = "none";
document.getElementById("abdunkeln").style.display = "none";
document.getElementById("ausrichtung").style.display = "none";
document.getElementById("abdunkeln").style.display = "none";
}
</script>

hab es irgwie immer noch nicht gecheckt was du meinst

dein satz verwirrt mich nur noch mehr...

lg arees

Nightflyer · 28-08-2011, 17:38

Der Code ist richtig wenn alles so funktioniert wie du es willst

Wenn nicht, lad mal den gesamten Code inl. HTML und Bilder per ZIP hoch damit ich mir das mal anschauen kann

arees · 28-08-2011, 17:44

Bildergalerie

arees · 28-08-2011, 17:48

eigentlich sollte der script ein bild langsam vergößern und wenn man auf close klickt sollte es alles verschwinden und beim nächsten start wieder von vorne anfangen. Das klappt aber nicht, denn das bild wird beim nächsten start in vollgröße angezeigt..

27-08-2011, 14:09	#2 (permalink)
Nightflyer Inventar Registriert seit: Jul 2002 Beiträge: 6.882	wo wird load_picture() aufgerufen (das erste mal)? __________________ (\__/) (='.'=) (")_(")

27-08-2011, 14:12	#3 (permalink)
arees Neuer User Registriert seit: Jun 2011 Ort: Unna Beiträge: 216	<a href="javascript: load_picture(bilder[0]);"><img src="bild.jpg" style="height: 10%; position: absolute; left: 500px; z-index: 200;"></a> __________________ meine homepage www.designweaver.de

27-08-2011, 14:17	#4 (permalink)
Martin Kraft Flash-Designer Registriert seit: May 2006 Ort: Wiesbaden Beiträge: 6.164	Das Timeout sollte wohl eher so in der Art aussehen?! PHP-Code: `setTimeout("load_picture(bilder[2])", 1000);` __________________ Viele Grüße // Martin Martin Kraft // Interaktionsdesign Hilfreiche Websites: // Hilfe zur Adobe Flash Plattform // ActionScript 2 Referenz // ActionScript 3 Referenz // ActionScript 3 Arbeitshandbuch // weitere Flash Ressourcen Bitte keine Flashfragen per PM oder Profilnachricht! Dafür ist das Forum da! Geändert von Martin Kraft (27-08-2011 um 14:21 Uhr)

27-08-2011, 14:20	#5 (permalink)
arees Neuer User Registriert seit: Jun 2011 Ort: Unna Beiträge: 216	edit: klappt vielen dank __________________ meine homepage www.designweaver.de Geändert von arees (27-08-2011 um 14:24 Uhr)

27-08-2011, 14:31	#6 (permalink)
arees Neuer User Registriert seit: Jun 2011 Ort: Unna Beiträge: 216	mhh aber er soll ja das bild was im verweis steht vergrößern?? __________________ meine homepage www.designweaver.de

27-08-2011, 15:12	#8 (permalink)
arees Neuer User Registriert seit: Jun 2011 Ort: Unna Beiträge: 216	wo finde ich denn lernmaterial dafür? und ist das schwer zu lernen? lg __________________ meine homepage www.designweaver.de

28-08-2011, 12:00	#10 (permalink)
arees Neuer User Registriert seit: Jun 2011 Ort: Unna Beiträge: 216	auf Self html steht: An setTimeout() gekoppelte Funktionsaufrufe können auch Parameter enthalten. Berücksichtigen Sie dabei, dass lokale Variable dann nicht mehr zur Verfügung stehen. Eine Übergabe der Werte mittels Zeichenkettenverknüpfung ist jedoch jederzeit möglich. SELFHTML: JavaScript / Objektreferenz / window könnte das vll der fehler im script sein? hier nochmal der script Code: <script type="text/javascript"> var make_center = 0; var make_center2 = 0; var make_big = 0; bilder = new Array(2); bilder[0] = document.getElementById("bild0"); bilder[1] = document.getElementById("bild1"); bilder[2] = document.getElementById("bild2"); function load_picture(bilder) { document.getElementById("abdunkeln").style.display = "block"; make_center -= 1; bilder.style.left = make_center + "px"; make_center2 -= 1; bilder.style.top = make_center2 + "px"; make_big += 2; bilder.style.height = make_big + "px"; setTimeout(load_picture(bilder),1); } </script> das mit jquery war auf jedenfall schonmal ne gute idee. Werd mich da die nächsten Tage reinarbeiten. lg arees __________________ meine homepage www.designweaver.de

28-08-2011, 13:39	#11 (permalink)
Nightflyer Inventar Registriert seit: Jul 2002 Beiträge: 6.882	Du scheinst nur nicht zu verstehen was SelfHTML damit meint --------------------------- Der erste Parameter von setTimeout(), der Funktionsaufruf, muss ein String sein. --------------------------- In deinem Script hast du die Variable "bilder", einmal als Array deiner Bild-Objekte in in der Funktion als eines dieser Bild-Objekte ausgewählt. Dies macht so keinen Sinn!! Wenn schon müsste die Funktion den Zähler enthalten, welches deiner Bild-Objekte angesprochen werden soll. Auch glaub nicht dass du das jetzt verstanden hast, drum hier ein Beispiel: Code: <script type="text/javascript"> var make_center = 0; var make_center2 = 0; var make_big = 0; bilder = new Array(2); bilder[0] = document.getElementById("bild0"); bilder[1] = document.getElementById("bild1"); bilder[2] = document.getElementById("bild2"); function load_picture( i ) { document.getElementById("abdunkeln").style.display = "block"; make_center -= 1; bilder.style.left = make_center + "px"; make_center2 -= 1; bilder.style.top = make_center2 + "px"; make_big += 2; bilder[i].style.height = make_big + "px"; setTimeout( "load_picture("+i+")", 1 ); } </script> HTML-Code: <a href="javascript: load_picture(0);"><img src="bild.jpg" style="height: 10%; position: absolute; left: 500px; z-index: 200;"></a> __________________ (\__/) (='.'=) (")_(")

28-08-2011, 17:38	#13 (permalink)
Nightflyer Inventar Registriert seit: Jul 2002 Beiträge: 6.882	Der Code ist richtig wenn alles so funktioniert wie du es willst Wenn nicht, lad mal den gesamten Code inl. HTML und Bilder per ZIP hoch damit ich mir das mal anschauen kann __________________ (\__/) (='.'=) (")_(")

28-08-2011, 17:48	#15 (permalink)
arees Neuer User Registriert seit: Jun 2011 Ort: Unna Beiträge: 216	eigentlich sollte der script ein bild langsam vergößern und wenn man auf close klickt sollte es alles verschwinden und beim nächsten start wieder von vorne anfangen. Das klappt aber nicht, denn das bild wird beim nächsten start in vollgröße angezeigt.. __________________ meine homepage www.designweaver.de

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit JavaScript im AS	bastianschroeer	Flash Einsteiger	3	14-10-2008 09:08
Problem mit JavaScript	AKrebs	JavaScript & jQuery	8	25-10-2004 11:05
JavaScript Problem	Kai Hagemann	HTML und CSS	1	26-06-2003 21:46
javascript problem	royal_flash	HTML und CSS	4	12-08-2002 19:07
Javascript Problem	Nuggles	Flash 4 und Flash 5	2	12-06-2002 09:39