nicht angemeldet
Hallo!
Ich hab das "HTML 4.0 Handbuch" von Franzis (3.Auflage/selfhtml7.0)
Du solltest dir überlegen etwas neueres zuzulegen. Das Buch ist von 1999 und ist deswegen warscheinlich ziemlich veraltet.
Da les ich schon nach, aber wie gesagt, ich bin kein Programmierer, deswegen kann ich damit nicht allzuviel anfangen, zumal da auch von 3 verschiedenen onmouseover die rede ist! Enmal groß geschriben, dann klein, dann abwechselnd!
Wo ist von 3 verschiedenen onmouseover die Rede? In deinem Buch?
HM, CSS dachte ich immer, dass wäre mein "style.css" File, was ich für die Seite brauche.
Auch. Du kannst CSS auf verschiedene Weise einbinden. Siehe: http://de.selfhtml.org/css/formate/einbinden.htm.
Deswegen bin ich jetzt noch verwirrter, da in deinem Script kein Eintrag dabei ist, den ich da reinschreibe.
Doch. Siehe http://de.selfhtml.org/css/formate/einbinden.htm#innerhalb_element.
Ich habe dein Script ausprobiert, und ich bekomm das nicht gebacken!
wo muss ich denn die URL ztum Bild eintragen? Und die Größe? es soll beim Laden der Seite verkleinert dargestellt werden (etwa 50% von originalgröße), und wenn ich mit der Maus draufgehe, soll es vergrößert werden (in meinem Fall soll es dann in Originalgröße angezeigt werden!).
Ich erkläre es dir nochmal am Code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!--Achte darauf, dass du deine Seite nicht in den [link:http://de.selfhtml.org/css/formate/box_modell.htm#standardkonform@title=Quirks Modus] schickst-->
<html>
<head>
<title>Test</title>
<script type="text/javascript">
~~~~~~javascript
function machGross(){
var ID = document.getElementById("bild"); // auf das Bild zugreifen
ID.style.width = "600px"; //hier legst du die Breite des Bildes fest, wenn es groß dargestellt werden soll.
ID.style.height = "450px"; //und hier die Höhe
}
function machKlein(){
var ID = document.getElementById("bild");
ID.style.width = "300px"; //hier legst du die Breite des Bildes fest, wenn es klein angezeigt werden soll
ID.style.height = "225px"; //und hier die Höhe
}
~~~~~~html
</script>
</head>
<body>
<p>
<img src="test.jpg" id="bild" style="width:300px; height:225px" alt="" onmouseover="machGross()" onmouseout="machKlein()">
<!--
Dem Bild eine ID geben, damit darauf zugegriffen werden kann.
Und die Größenangaben per style="" nicht vergessen.
Dort, wo src="" steht, schreibst du die URL deines Bildes rein
Mit onmouseover und onmouseout rufst du die JavaScript-Funktionen auf
-->
</p>
</body>
</html>
So nen Button, "Bild größer machen" den brauch ich eigentlich nicht, das soll direkt mit dem Bild gehen!
Der Button war nur ein Beispiel. Wichtig war, dass du siehst, wie man die JavaScript-Funktionen per onmouseover und onmouseout aufruft. Ob das onmouse-Zeug im <img>-Tag steht oder im <p>-Tag ist egal. Wenn du das onmouse-Zeug in den <img>-Tag schreibst, dann verändert sich eben die Größe des Bildes, wenn man mit der Maus über das Bild geht.
Ich hatte das ja schon fast soweit, jedoch mit der Größe hab ich noch das problem.
Diese legst du in den Zeilen fest, die mit ID.style. anfangen. Siehe Kommentare im Quelltext.
Auf jeder der Seiten steht unten zurück home und weiter.
Kann ich diese Zeile auf jeder Seite an derselben Position anzeigen lassen?
Ja. Zum Beispiel mit position. Allerdings wird das daran scheitern, dass deine Seiten warscheinlich unterschiedlich lang sind. Also wäre es am sinnvollsten, ganz am Ende der Seite ein <div> oder <p> einzufügen. In dieses schreibst du dann deinen Home-Link.
Momentan steht das halt immer wenn ich ales fertig hab, kommt die Zeile. Alos steht das einmal in der Mitte, dann weiter unten und dann wieder mittig,...
Das verstehe ich nicht so ganz. Aber probiere es mal mit den 2 Methoden, die ich vorgeschlagen habe (s.o.). Wenn es nicht klappt, dann zeige mir etwas Quelltext und erkläe es genauer.
ciao, ww
sh:( fo:| ch:~ rl:( br:> n4:~ ie:% mo:) va:) de:] zu:) fl:( ss:| ls:~ js:)