Suche im Forum:
Suchen


Autor Nachricht
Beitrag24.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
Beitrag24.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
Beitrag24.07.2007 um 09:27 (UTC)    
Titel:

Hmm,komsich , bei mir wird garnichts angezeigt Sad !

Könntest du vllt. mal ein "gefülltes" Beispiel geben ? Als ein Beispiel mit Bildern...wäre dir sehr dankbar , denn bei mir geht´s irgendwie nicht Sad !
______________
[img:957a5ecf38]http://i198.photobucket.com/albums/aa312/radon66/BigBanner9.png[/img:957a5ecf38]
Beitrag24.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
Beitrag24.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
Beitrag24.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
Beitrag24.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
Beitrag24.07.2007 um 19:35 (UTC)    
Titel:

Yes Sir, so sollte es reibungslos funzen! Smile
______________
Ich chatte hier: www.hpbk-chat.de.tl

kostenlos Musik auf die Homepage: www.bandland.de.tl - www.musik-code.de.tl
Beitrag24.07.2007 um 19:53 (UTC)    
Titel:

Komisch,bei mir wird goarnix angezeigt !
http://radon66.de.tl/TEST-ALTAAAA--d-D.htm

Hmmmm !
kann es sein , dass irgendwo was fehlt ? ôÔ ? vllt. nen Scriptende oder so ? Sad
______________
[img:957a5ecf38]http://i198.photobucket.com/albums/aa312/radon66/BigBanner9.png[/img:957a5ecf38]


Zuletzt bearbeitet von radon66 am 24.07.2007, 21:29, insgesamt 2-mal bearbeitet
Beitrag24.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()
onmouseout=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
Beitrag24.07.2007 um 20:08 (UTC)    
Titel:

Jetzt wird "Header" angezeigt,aber ein "switchen" kommt nicht...da stimmt irgendwas nicht... Very Happy

Naja,mal bizzle rumtesten,irgendwann musses ja klappen ;D !
______________
[img:957a5ecf38]http://i198.photobucket.com/albums/aa312/radon66/BigBanner9.png[/img:957a5ecf38]
Beitrag24.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! Smile

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
Beitrag24.07.2007 um 20:20 (UTC)    
Titel:

Also bei mir bewegt sich immernoch nix beim rüberfahren Shocked Laughing
______________
[img:957a5ecf38]http://i198.photobucket.com/albums/aa312/radon66/BigBanner9.png[/img:957a5ecf38]
Beitrag24.07.2007 um 20:24 (UTC)    
Titel:

Jau, stimmt.... Der wechselt 1x, und dann bleibt der da stehen...

Bei mir gehts:
http://testbrot.de.tl/baris.htm

Ich schau nochmal bei Dir...
______________
Ich chatte hier: www.hpbk-chat.de.tl

kostenlos Musik auf die Homepage: www.bandland.de.tl - www.musik-code.de.tl
Beitrag24.07.2007 um 20:27 (UTC)    
Titel:

Oh wie nett Very Happy Danköö...komisch,habe den Code eingefügt den du mir da oben mitgegeben hast...funzt nicht , son Mist aber auch Wink !

Auf deiner Page sieht´s aber echt nice aus,macht richtig fun rüberzurutschen Laughing
______________
[img:957a5ecf38]http://i198.photobucket.com/albums/aa312/radon66/BigBanner9.png[/img:957a5ecf38]
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de