[HTML] Bild neu laden!?

Frostbeule2k

Ensign
Registriert
Feb. 2006
Beiträge
223
Hallo Community,

ist es möglich auf einer Website ein Bild zu tauschen/ändern ohne die ganze seite neu zu laden!?

Gruß Frostbeule2k
 
In reinen HTML Seiten lassen sich nicht einzelne Elemente nach- / und/oder neu laden.

Sowas lässt sich mit AJAX realisieren.
 
Code:
<html>
<head>
<title>Bildlein-Wechsle-Dich</title>
<script language="JavaScript"><!--
function over(){
if (document.images)
document.grafik.src = "galileo_over.gif"
}
function out(){
if (document.images)
document.grafik.src = "galileo_out.gif"
}
//--></script>
</head>
<body>
<a href="http://www.galileo-press.de" [B]onmouseover[/B]="over()" [B]onmouseout[/B]="out()">
<img src="galileo_out.gif" name="grafik">
</a>
</body>
</html>

So ist das ganze noch ein wenig leichter.
document.grafik.src Das Grafik ist hier der Name, dem du dem Bild im Body gegeben hast, den musst du abändern, wenn du das ganze mit mehreren Bildern machst.

Die beiden Fettgedruckten Eventhandler bestimmen, wann die Aktion stattfinden soll, in dem Fall wenn die Maus über das Bild kommt und wenn sie es wieder verlässt. Auch diese Handler kannst du beliebig abändern.

Willst du das ganze mehrmals machen kannst du auch probieren, der Funktion einen Parameter zu übergeben (Name des Bildes), ob das allerdings funktioniert weiß ich nicht, hab ich nie probiert.

Quellcode von Gallileo Press.


so far
mfg
 
Zurück
Oben