Autor |
Nachricht |
-
radon66
|
24.07.2007 um 07:36 (UTC) Titel: Hover-Effekt bei normalen Bildern? (Mouse Over) |
|
|
Tag
Ich wollte mal gerne wissen , wie man einen Mouse Over , oder Hover-Effekt bei normalen Bildern macht , die auf einer HP sind.
Wenn man beispielsweise über "DOWNLOAD" fährt , kommt das andere Bild...wie bei den Buttons in der Navigation...aber wie funzt das bei Bildern ?
Eine .GIF Animation will ich nicht.
Ich bitte um Hilfe !
mFg ______________ [img:957a5ecf38]http://i198.photobucket.com/albums/aa312/radon66/BigBanner9.png[/img:957a5ecf38]
Zuletzt bearbeitet von radon66 am 25.07.2007, 15:07, insgesamt 2-mal bearbeitet
|
|
↑
|
|
|
-
gwc
|
24.07.2007 um 08:23 (UTC) Titel: |
|
|
Code: <script language="javascript">
functionOver() {
Bildname.src="http://www.Bildadresse_2.de"
}
function Out() {
Bildname.src="http://www.Bildadresse_1.de"
}
<script>
<img name=Bildname src="http://www.Bildadresse_1.de" onmouseover=Over()
onmouseoute=Out()>
Im JavaScript wird die Bildadresse geändert, und damit auch das Bild.
Im der ersten Funktion tritt das Ereignis ein, sobald jemand mit der Maus auf das Bild (Button) fährt.
In der zweiten Funktion tritt das Ereignis ein, sobald jemand mit der Maus aus dem Bild fährt. Dabei wird wieder die erste Bildadresse genommen.
Dem Bild sollte man einen Namen geben, damit die Funktionen wissen, welches Bild geändert werden soll. Mittels der beiden Event-Befehle werden die entsprechenden Funktionen aufgerufen.
Kann sein, dass das noch anders geht, aber ich kenne das bis jetzt nur so.
Zuletzt bearbeitet von gwc am 24.07.2007, 09:25, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
radon66
|
|
↑
|
|
|
-
gehirnwindungen
Wohnort: Duisburg, und irgendwie immer nur Duisburg...
|
24.07.2007 um 09:31 (UTC) Titel: |
|
|
Wo auf Deiner Seite hast Du es denn ausprobiert, dann schau ich mir den Code bei Dir mal an, denn das Beispiel oben scheint vollkommen korreckt zu sein.
Ersetze einfach www.bildadresse_1.de durch das Bild, das angezeigt werden soll, wenn Du nicht mit der Maus draufstehst, und www.bildadresse_2.de durch das Bild, das angezeigt werden soll, wenn Du mit dem Mauszeiger draufstehst. ______________ Ich chatte hier: www.hpbk-chat.de.tl
kostenlos Musik auf die Homepage: www.bandland.de.tl - www.musik-code.de.tl |
|
↑
|
|
|
-
radon66
|
24.07.2007 um 18:43 (UTC) Titel: |
|
|
Ja,ich hab die "Testseite" nur kurz da gelassen,sry...
Naja,hier mal der Code
Code: <script language="javascript">
functionOver() {
Button11.png
src="http://i198.photobucket.com/albums/aa312/radon66/Button11.png"
}
function Out() {
Header1.png
src="http://i198.photobucket.com/albums/aa312/radon66/Header1.png"
}
<script>
<img name=Header1.png src="http://i198.photobucket.com/albums/aa312/radon66/Header1.png" onmouseover=Over()
onmouseoute=Out()>
Die Bilder sind jetzt nur zum testen gedacht...passen überhaupt nicht zusammen,xD
Was muss man denn bei "Bildname" eingeben ? Habe jetzt einfach mal "Header1" eingegeben,da das der Name von der "Bildadresse1" ist.
mFg ______________ [img:957a5ecf38]http://i198.photobucket.com/albums/aa312/radon66/BigBanner9.png[/img:957a5ecf38]
Zuletzt bearbeitet von radon66 am 24.07.2007, 19:45, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
gehirnwindungen
Wohnort: Duisburg, und irgendwie immer nur Duisburg...
|
24.07.2007 um 19:15 (UTC) Titel: |
|
|
radon66 hat Folgendes geschrieben:
...
functionOver() {
Button11.png
src="http://i198.photobucket.com/albums/aa312/radon66/Button11.png"
}
...
Du hast leider die Funktion überschrieben!
Code: functionOver() {
Bildname.src="http://i198.photobucket.com/albums/aa312/radon66/Button11.png"
}
"Bildname" vorne heißt die Funktion, die Du ja weiter unten wieder aufrufst. Du gibst in dem Script nur die Grafik-Source HINTER Bildname.src an. ______________ Ich chatte hier: www.hpbk-chat.de.tl
kostenlos Musik auf die Homepage: www.bandland.de.tl - www.musik-code.de.tl |
|
↑
|
|
|
-
radon66
|
24.07.2007 um 19:32 (UTC) Titel: |
|
|
Alos müsste es wie folgt ausschauen
Code: <script language="javascript">
functionOver() {
Bildname.src="http://i198.photobucket.com/albums/aa312/radon66/Button11.png"
}
function Out() {
Bildname.src="http://i198.photobucket.com/albums/aa312/radon66/Header1.png"
}
<script>
<img name=Bildname src="http://i198.photobucket.com/albums/aa312/radon66/Header1.png" onmouseover=Over()
onmouseoute=Out()>
Zuletzt bearbeitet von radon66 am 24.07.2007, 20:34, insgesamt 2-mal bearbeitet
|
|
↑
|
|
|
-
gehirnwindungen
Wohnort: Duisburg, und irgendwie immer nur Duisburg...
|
|
↑
|
|
|
-
radon66
|
|
↑
|
|
|
-
gehirnwindungen
Wohnort: Duisburg, und irgendwie immer nur Duisburg...
|
24.07.2007 um 20:03 (UTC) Titel: |
|
|
Oh Mann, also da hab ich zwei Sachen übersehen...
<script language="javascript">
functionOver() {
Bildname.src="http://i198.photobucket.com/albums/aa312/radon66/Button11.png"
}
function Out() {
Bildname.src="http://i198.photobucket.com/albums/aa312/radon66/Header1.png"
}
</script>
<img name=Bildname src="http://i198.photobucket.com/albums/aa312/radon66/Header1.png" onmouseover=Over()
onmo useout=Out()>
Aber ich schau mir das jetzt erst nochmal komplett an... ______________ Ich chatte hier: www.hpbk-chat.de.tl
kostenlos Musik auf die Homepage: www.bandland.de.tl - www.musik-code.de.tl |
|
↑
|
|
|
-
radon66
|
|
↑
|
|
|
-
gehirnwindungen
Wohnort: Duisburg, und irgendwie immer nur Duisburg...
|
24.07.2007 um 20:15 (UTC) Titel: |
|
|
Jau, hab's eben entdeckt... Wenn man zu lange draufschaut sieht alles irgendwann gleich aus... Jetzt geht es aber... Müßte... Wirklich jetzt!
Code: <script language="javascript">
function Over() {
Bildname.src="http://i198.photobucket.com/albums/aa312/radon66/Button11.png"}
function Out() {
Bildname.src="http://i198.photobucket.com/albums/aa312/radon66/Header1.png"}
</script>
<img name=Bildname src="http://i198.photobucket.com/albums/aa312/radon66/Header1.png" onmouseover=Over()
onmouseout=Out()> ______________ Ich chatte hier: www.hpbk-chat.de.tl
kostenlos Musik auf die Homepage: www.bandland.de.tl - www.musik-code.de.tl |
|
↑
|
|
|
-
radon66
|
24.07.2007 um 20:20 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
gehirnwindungen
Wohnort: Duisburg, und irgendwie immer nur Duisburg...
|
|
↑
|
|
|
-
radon66
|
|
↑
|
|
|
|