|
  |
 Homepage |
Timo 
Administrator
Dabei seit: 24.01.2006
Beiträge: 1.907
Herkunft: nähe Karlsruhe
Level: 51 [?]
Erfahrungspunkte: 13.207.602
Nächster Level: 13.849.320
 |
|
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
__________________
Lern aus der Vergangenheit – träum von der Zukunft und leb in der Gegenwart. 
|
|
13.02.2008 16:19 |
|
|
Gothmog
Administrator
Dabei seit: 18.10.2005
Beiträge: 3.748
Level: 56 [?]
Erfahrungspunkte: 26.326.240
Nächster Level: 30.430.899
|
|
Hi!
Mit html haste hier keine Chance. Ich würde es mal mit einem Javascript versuchen. Googlen oder mal HIER schauen!
Mfg Gothi
__________________
Dem Ingenör is nix zu schwör!!
|
|
|
13.02.2008 17:31 |
|
|
Timo
Administrator
Dabei seit: 24.01.2006
Beiträge: 1.907
Herkunft: nähe Karlsruhe
Level: 51 [?]
Erfahrungspunkte: 13.207.602
Nächster Level: 13.849.320
Themenstarter 
|
|
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.
__________________
Lern aus der Vergangenheit – träum von der Zukunft und leb in der Gegenwart.
|
|
|
14.02.2008 12:03 |
|
|
Gothmog
Administrator
Dabei seit: 18.10.2005
Beiträge: 3.748
Level: 56 [?]
Erfahrungspunkte: 26.326.240
Nächster Level: 30.430.899
|
|
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
__________________
Dem Ingenör is nix zu schwör!!
|
|
|
14.02.2008 12:37 |
|
|
Timo
Administrator
Dabei seit: 24.01.2006
Beiträge: 1.907
Herkunft: nähe Karlsruhe
Level: 51 [?]
Erfahrungspunkte: 13.207.602
Nächster Level: 13.849.320
Themenstarter
|
|
|
|
14.02.2008 12:42 |
|
|
Gothmog
Administrator
Dabei seit: 18.10.2005
Beiträge: 3.748
Level: 56 [?]
Erfahrungspunkte: 26.326.240
Nächster Level: 30.430.899
|
|
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
__________________
Dem Ingenör is nix zu schwör!!
|
|
|
14.02.2008 14:20 |
|
|
Timo
Administrator
Dabei seit: 24.01.2006
Beiträge: 1.907
Herkunft: nähe Karlsruhe
Level: 51 [?]
Erfahrungspunkte: 13.207.602
Nächster Level: 13.849.320
Themenstarter
|
|
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.
__________________
Lern aus der Vergangenheit – träum von der Zukunft und leb in der Gegenwart.
|
|
|
14.02.2008 14:28 |
|
|
Gothmog
Administrator
Dabei seit: 18.10.2005
Beiträge: 3.748
Level: 56 [?]
Erfahrungspunkte: 26.326.240
Nächster Level: 30.430.899
|
|
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. 
Mfg Gothi
__________________
Dem Ingenör is nix zu schwör!!
|
|
|
14.02.2008 15:58 |
|
|
Timo
Administrator
Dabei seit: 24.01.2006
Beiträge: 1.907
Herkunft: nähe Karlsruhe
Level: 51 [?]
Erfahrungspunkte: 13.207.602
Nächster Level: 13.849.320
Themenstarter
|
|
ne java in html reicht vollkommen aus, aber danke hab noch ein oder zwei Tage zeit.
__________________
Lern aus der Vergangenheit – träum von der Zukunft und leb in der Gegenwart.
|
|
|
14.02.2008 16:13 |
|
|
Helios
Routinier
Dabei seit: 23.07.2006
Beiträge: 387
Level: 42 [?]
Erfahrungspunkte: 2.610.629
Nächster Level: 3.025.107
|
|
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
__________________
Gruß
Helios
|
|
|
14.02.2008 21:22 |
|
|
Timo
Administrator
Dabei seit: 24.01.2006
Beiträge: 1.907
Herkunft: nähe Karlsruhe
Level: 51 [?]
Erfahrungspunkte: 13.207.602
Nächster Level: 13.849.320
Themenstarter
|
|
dann schick mir bitte ne bessere Lösung Helios. Ich brauch das dieses WE
__________________
Lern aus der Vergangenheit – träum von der Zukunft und leb in der Gegenwart.
|
|
|
15.02.2008 13:48 |
|
|
|
|
|
|
|
