Airbone Squad Germany Forum (http://www.asg-funclan.de/wbb2/index.php)
- Computer & Co (http://www.asg-funclan.de/wbb2/board.php?boardid=7)
-- Sonstiges (http://www.asg-funclan.de/wbb2/board.php?boardid=43)
--- Homepage (http://www.asg-funclan.de/wbb2/thread.php?threadid=1490)


Geschrieben von Timo am 13.02.2008 um 16:19:

  Homepage

Hab mal wieder eine Frage:

Ich habe auf einer Homepage verschiedene Bilder auf einer Seite. Nun möchte ich das die Bilder wenn ich Sie anklicke größer werden, oder was noch besser wäre, wenn der mauszeiger länger als 1 sec auf dem Bild steht das es größer wird. Die Bilder sollen aber nicht unbedingt in einem neuen Fenster aufgehen, da ich sie ja sonst einfach verlinken könnte. Es sollte wenn möglich auf der gleichen Seite bleiben., Kann mir hierzu jemand einen Tipp geben? Egal ob als html script oder einfach nur einen Ansatz für eine Idee hat, da ich schon so viel ausprobiert hab, das ich nun bald keine Lust mehr dazu habe

Ach ja zum schluss noch es sollte wenn möglich html tauglich sein.

Danke Gruß TImo



Geschrieben von Gothmog am 13.02.2008 um 17:31:

  RE: Homepage

Hi!

Mit html haste hier keine Chance. Ich würde es mal mit einem Javascript versuchen. Googlen oder mal HIER schauen!


Mfg Gothi



Geschrieben von Timo am 14.02.2008 um 12:03:

 

Also ich habe was gefunden, nur leider bekomme ich mit dieser Idee die Bilder nicht eingebunden. Die Erklärung mit der Schrift ist eigentlich ja ganz einfach, das kann soweit ja jeder der etwas html kann. Nur das mit den Bilder bekomme ich einfach nicht hin und ich hab so zu sagen die HTML sache als Vorgabe.
Kann mir einer hier nen Tipp geben?
Hier mal das Beispiel:


<html><head><title>Test</title>
</head><body>
<h1 id="Test"
onmouseover="this.innerHTML = 'Sehen Sie?'"
onmouseout="this.innerHTML = 'Ich bin dynamisch'">Ich bin dynamisch</h1>
</body></html>

Erläuterung:
In dem Beispiel wird eine Überschrift erster Ordnung definiert. Innerhalb der Überschrift sind die Event-Handler onmouseover und onmouseout notiert. Der Event-Handler onmouseover tritt in Aktion, wenn der Anwender die Maus in den Anzeigebereich der Überschrift bewegt, und onmouseout wird aktiv, wenn er die Maus wieder aus dem Anzeigebereich herausbewegt. Mit Hilfe von this nehmen Sie Bezug auf das aktuelle Objekt und können mittels der Eigenschaft innerHTML mit jedem Aktivwerden eines der beiden Event-Handler den Text der Überschrift dynamisch austauschen. Bei onmouseover wird ein anderer Text angezeigt, bei onmouseout wieder der ursprüngliche Text.



Geschrieben von Gothmog am 14.02.2008 um 12:37:

 

Hi!

Und da sis die ganze Beschreibung?? Fehlt da nicht noch n Script, was eingebunden werden muss mit den Namen "this.innerHTML" ?? Geb ma n Link für die Beschreibung.

Mfg Gothi



Geschrieben von Timo am 14.02.2008 um 12:42:

 

Link: Rofl2

http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onmouseover



Geschrieben von Gothmog am 14.02.2008 um 14:20:

 

Das hat abe rnichts mit Bildern zu tun sondern wandelt bei Berührung mit dem Mauszeiger nur den Text in nen anderen Text. Wolltest du nicht was komplett anderes?

Mfg Gothi



Geschrieben von Timo am 14.02.2008 um 14:28:

 

doch ich will das das Bild mit einem Mousover als mit der maus drüber fahren sich ändertvon klein auf groß. Außer dieser Idee hier habe ich nichts besseres gefunden, ich dachte man müsste die eigentlich umschreiben könne und auf ein Bild beziehen.
Aber vllt mach ich es nun doch mit nem simplen einfachen aber biliigen link, nur das ist halt, sagen wir mal nicht das was ich brauch bzw. vorlegen möchte. Lieber etwas mehr arbeit mit einem schöneren "Ansehen" als ein 08/15 Link.



Geschrieben von Gothmog am 14.02.2008 um 15:58:

 

Hi!

naja ich schau nochma die Tage. Wenn ich ma n paar ruhige Minuten habe, kümmere ich mich mal darum. Hoffe, du hast noch n bissel Zeit.... Javascipts in PHP Seiten einzubinden ist manchma n bissel knifflig. smile


Mfg Gothi



Geschrieben von Timo am 14.02.2008 um 16:13:

 

ne java in html reicht vollkommen aus, aber danke hab noch ein oder zwei Tage zeit.



Geschrieben von Helios am 14.02.2008 um 21:22:

 

Mal abgesehen davon dass ich ein Maushover, der die Bildgröße verändert, furchtbar finde, würde ich das in reinem HTML/CSS umsetzen. Javascript ist ne spielerei die man für derartiges nicht braucht.

--> http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm



Geschrieben von Timo am 15.02.2008 um 13:48:

 

dann schick mir bitte ne bessere Lösung Helios. Ich brauch das dieses WE


Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH