Bilder verändern

:morgen:

wusste net wie ich den Thread sonst nennen sollte. Ich brauche für ein privates Projekt mal einen Tip für ein Problem, über das ich mir schon länger den Kopf zerbreche.

Und zwar soll es sich um einen Downloadlink (Grafik) handeln, der nach klicken durch z.B. eine Sanduhr (Lädt) ersetzt wird und bei erfolgreicher weiterleitung auf die datei durch eine Grafik mit z.B. einem häkchen. Das sowas möglich ist kann ich hier sehen :

secured.in/download-313115-5b53a50a.html

Bin nur durch Zufall auf die Datei gestoßen weil ich bei Google Bilder nach Grafiken gesucht hab, das mir hier keiner irgendwas anhängt :wink: ist eh offline.

So sollte es in etwa aussehen. Hab den Quelltext durchforstet und auch mehrmals ausprobiert, bin aber zu keiner Lösung gekommen.

Bitte um Hilfe.

Naja, die Grafik wird doch nur per JS (AJAX) ausgetauscht.
Die verwendeten Funktionen stehen in der Datei: secured.in/scripts/main_final5.js

Ein wenig muss man sich schon damit beschäftigen.

danke für deine Antwort,
aber das hab ich auch schon gesehen. Ich blick da leider nicht durch weil ich mich bis jetzt nur mit sehr einfach js grundlagen beschäftigt hab.

<img id="status_pic" src="images/begin.png" alt="Start" />
<a href="no_js.html" onclick="set_image('images/end.png', 'Ende'); return false;">Weiter</a>
function set_image(src, alt)
{
  document.getElementByID('status_pic').src = src;
  document.getElementByID('status_pic').alt = alt;
}

Das wäre das Ändern des Bildes. Wie du entscheiden willst, ob eine Weiterleitung erfolgreich ist, weiß ich auch nicht :ps:

Danke schonmal :smiley: das mit der erfolgreichen Weiterleitung war falsch ausgedrückt, es soll genau so funktionieren wie bei secured.in :ps:

//Edit : Wow jetzt blick ich da garnet mehr durch

Also soll ein AJAX-Request auf eine php-Datei am Server erfolgen, der dann entscheidet ob weitergeleitet wird, oder nicht?

öhm :ps:

Es soll eigentlich nur als stinkeinfacher Download-Link dienen, der beim ersten klick auf Laden wechselt und nach 2-3 Sekunden von mir aus wieder auf die normale grafik. Der Download wird zur selben zeit mit target="_blank" in neuem Fenster gestartet.

Soweit bin ich gekommen :
gta-modding.de/test_down.htm

Leider weiss ich jetzt nicht mehr weiter wie ich die Ladegrafik nach 2-3 Sek durch die normale austauschen lasse

Das ist ja einfach :ps:

<!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" xml:lang="en" lang="en">

<head>
	<title>Test</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta name="generator" content="Geany 0.14" />
	<script type="text/javascript">
		var image_normal = 'images/img.png';
		var image_load = 'images/load.png';
		var timeout = 3000;
		
		function open_window(url)
		{
			image = document.getElementById('stat_img');
			
			fenster_neu = window.open(url, 'fenster_neu');
			fenster_neu.focus();
			image.src = image_load;
			window.setTimeout('image.src = image_normal', timeout);
		}
	</script>
</head>

<body>
	<img src="images/img.png" id='stat_img' alt="Status" /><br />
	<a onclick="open_window('test.html'); return false;" href="test.html">Test</a>
</body>
</html>

:smiley: ok danke, das war genau das was ich wollte.