Informationsarchiv.net > Foren-Übersicht > Internet/Webdesign > HTML, PHP & Co.
Warum kostenlos registrieren?

Nur als registriertes Mitglied hast Du vollen Zugriff auf alle Funktionen unserer Website. So kannst Du eigene Fragen stellen und hast die volle Übersicht über neue interessante Themen im Forum.
Jetzt kostenlos registrieren.

Login


HTML Code Bildwechsel??

Fragen oder Probleme mit HTML, PHP oder CSS?
Antwort erstellen

HTML Code Bildwechsel??

Beitragvon HER am 02.08.2005, 17:39

Ich möchte auf meiner HP ein Linkmenü mit Bildwechsel erstellen mit folgendem Code:

Code: Alles auswählen
<html>
<head>
<title> Linkmenü </title>
</head>
<body>
<body bgcolor="black"
<a href="hauptseite.html" target="main" onMouseOver="catbtn9.src='buttons\home2.jpg'
onMouseOut="catbtn9.src='buttons\home.jpg'">
<img src="buttons\home.jpg" border=0  onMouseOver="switcher(1)" ALT="sd" name="catbtn9" onMouseOut="switcher(2)"> </a>
<p>
<a href="ich.html" target="main" onMouseOver="catbtn2.src='buttons\sina2.jpg'; return true" onMouseOut="catbtn2.src='buttons\sina.jpg'; return true">
<img src="buttons\sina.jpg"  border=0  onMouseOver="switcher(1)" ALT="sd" name="catbtn2" onMouseOut="switcher(2)"> </a>
<p>
<a href="him.html" target="main" onMouseOver="catbtn.src='buttons\him2.jpg'; return true" onMouseOut="catbtn.src='buttons\him.jpg'; return true">
<img src="buttons\him.jpg"  border=0  onMouseOver="switcher(1)" ALT="sd" name="catbtn" onMouseOut="switcher(2)"> </a>
<p>
<a href="links.html" target="main" onMouseOver="catbtn3.src='buttons\links2.jpg'; return true" onMouseOut="catbtn3.src='buttons\links.jpg'; return true">
<img src="buttons\links.jpg"  border=0  onMouseOver="switcher(1)" ALT="sd" name="catbtn3" onMouseOut="switcher(2)"> </a>
<p>
<a href="pix.html"  target="main" onMouseOver="catbtn4.src='buttons\pix2.jpg'; return true" onMouseOut="catbtn4.src='buttons\pix.jpg'; return true">
<img src="buttons\pix.jpg"  border=0  onMouseOver="switcher(1)" ALT="sd" name="catbtn4" onMouseOut="switcher(2)"> </a>
<p>
<a href="him.html" target="main" onMouseOver="catbtn5.src='buttons\gbuch2.jpg'; return true" onMouseOut="catbtn5.src='buttons\gbuch.jpg'; return true">
<img src="buttons\gbuch.jpg"  border=0  onMouseOver="switcher(1)" ALT="sd" name="catbtn5" onMouseOut="switcher(2)"> </a>
<p>
</body>
</html>


Die Vorschau funktioniert Problemlos! Aber online funktioniert gar nichts, was ist an dem Code falsch? Alle Bilder sind auch hochgeladen auf den Server![/i]
HER
 
Beiträge: 14
Registriert: 27.07.2005, 21:11
Nach oben

Beitragvon GrayGhost am 03.08.2005, 12:27

Hallo,
auf den ersten Blick fällt mir auf, dass du die schliessenden Anker Tags </a> immer mit einem Leerzeichjen absetzt. Entferne mal die Leerzeichen.
GrayGhost
 
Nach oben

Beitragvon CoolCasimir am 03.08.2005, 13:32

Wo ist denn die Funktion switcher und was macht sie??
CoolCasimir
Moderator
 
Beiträge: 2194
Registriert: 14.01.2004, 14:07
Wohnort: Hansestadt Hamburg
Nach oben

Beitragvon HER am 04.08.2005, 20:52

Hm die Funktion Switcher hatte ich vorher drin aber dann hat es nicht mehr funktioniert.. wo muss ich sie genau einsetzen`?
HER
 
Beiträge: 14
Registriert: 27.07.2005, 21:11
Nach oben

Beitragvon CoolCasimir am 04.08.2005, 21:42

Du weißt aber schon was Du da tust oder? :wink:
Du rufst eine Funktion auf die es nicht gibt.. Diese geört irgendwo in den Head Bereich.
Ich habe mir den rest nicht so genau angesehen, aber diese Funktion muss ja eine Bedeutung haben.
CoolCasimir
Moderator
 
Beiträge: 2194
Registriert: 14.01.2004, 14:07
Wohnort: Hansestadt Hamburg
Nach oben

Beitragvon HER am 05.08.2005, 14:05

Ja das weiß ich schon... aberich denke mal, dass der gesamte Code total falsch ist. Ich denke ich sollte ihn ändern! Und am besten einen java- Code verwenden
HER
 
Beiträge: 14
Registriert: 27.07.2005, 21:11
Nach oben

Beitragvon CoolCasimir am 05.08.2005, 14:31

Du musst auch unterscheiden zwischen Java und JavaScript. Am einfachsten ist das mit JavaScript zu machen.
Was soll denn passieren? Ein Bild wird angezeigt und wenn Du mit der Maus drüberfährst kommt ein anderes.. Geht man mit der
Maus wieder weg, ist wieder das ursprüngliche Bild da?
So ein Script kann ich Dir geben.. habe ich fertig.
CoolCasimir
Moderator
 
Beiträge: 2194
Registriert: 14.01.2004, 14:07
Wohnort: Hansestadt Hamburg
Nach oben

Beitragvon HER am 05.08.2005, 15:49

Ich habe den Code jetzt mal völlig überarbeitet... aber es scheint immer noch nicht zu funktionieren!!

Code: Alles auswählen
<html>


<head>







<title>Linkmenue</title>
<script type="text/javascript">



<body bgcolor="black">



Normal1 = new Image();
Normal1.src = "buttons/sina.JPG";     /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "buttons/sina2.JPG"; /* erste Highlight-Grafik */

Normal2 = new Image();
Normal2.src = "buttons/him.JPG";     /* zweite Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "buttons/him2.JPG"; /* zweite Highlight-Grafik */

Normal3 = new Image();
Normal3.src = "buttons/pix.jpg";     /* dritte Standard-Grafik */
Highlight3 = new Image();
Highlight3.src = "buttons/pix2.jpg"; /* dritte Highlight-Grafik */


Normal4 = new Image();
Normal4.src = "buttons/links.jpg";     /* vierte Standard-Grafik */
Highlight4 = new Image();
Highlight4.src = "buttons/links2.jpg"; /* vierte Highlight-Grafik */

Normal5 = new Image();
Normal5.src = "buttons/gbuch.jpg";     /* fünfte Standard-Grafik */
Highlight5 = new Image();
Highlight5.src = "buttons/gbuch2.jpg"; /* fünfte Highlight-Grafik */

Normal6 = new Image();
Normal6.src = "buttons/home.jpg";     /* dritte Standard-Grafik */
Highlight6 = new Image();
Highlight6.src = "buttons/home2.jpg"; /* dritte Highlight-Grafik */

/* usw. fuer alle weiteren zu benutzenden Grafiken */

function Bildwechsel (Bildnr, Bildobjekt) {
  window.document.images[Bildnr].src = Bildobjekt.src;
}
</script>
<style type="text/css">



</style>
</head>


<body bgcolor="black" >



<a href="hauptseite.html"
   onMouseOver="Bildwechsel(0, Highlight1)"
   onMouseOut="Bildwechsel(0, Normal6)"><img src="buttons/home.jpg"
   border="0" alt="Home"></a><br>


<a href="ich.html"
   onMouseOver="Bildwechsel(1, Highlight2)"
   onMouseOut="Bildwechsel(1, Normal2)"><img src="sina.gif"
   border="0" alt="Ich"></a><br>


<a href="him.html"
   onMouseOver="Bildwechsel(2, Highlight3)"
   onMouseOut="Bildwechsel(2, Normal3)"><img src="buttons/him.jpg"
    border="0" alt="HIM"></a><br>

<a href="pix.html"
   onMouseOver="Bildwechsel(2, Highlight3)"
   onMouseOut="Bildwechsel(2, Normal3)"><img src="buttons/him.jpg"
    border="0" alt="Pix"></a><br>

<a href="links.html"
   onMouseOver="Bildwechsel(2, Highlight3)"
   onMouseOut="Bildwechsel(2, Normal3)"><img src="buttons/links.jpg"
    border="0" alt="Links"></a><br>

<a href="http://44950.iboox.com"
   onMouseOver="Bildwechsel(2, Highlight3)"
   onMouseOut="Bildwechsel(2, Normal3)"><img src="buttons/gbuch.jpg"
    border="0" alt="Gbuch"></a><br>







</body>
</html>
HER
 
Beiträge: 14
Registriert: 27.07.2005, 21:11
Nach oben

Beitragvon CoolCasimir am 05.08.2005, 16:15

Warum beantwortest Du meine Fragen nicht?
Du kopierst Dir irgendwas zusammen und wunderst Dich warum es nicht funzt.
Ich sehe gleich mehrere Fehler in dem Script... Wie gesagt ich kann Dir eines geben und Dir
auch was dazu sagen.
CoolCasimir
Moderator
 
Beiträge: 2194
Registriert: 14.01.2004, 14:07
Wohnort: Hansestadt Hamburg
Nach oben

Beitragvon HER am 05.08.2005, 16:27

ALso es soll einfach ein Bildwechsel erscheinen, so wie du unten beschrieben hast.
Beim drüberfahren mit der Maus soll ein anderes Bild erscheinen.
HER
 
Beiträge: 14
Registriert: 27.07.2005, 21:11
Nach oben

Beitragvon slowhand am 10.08.2005, 20:34

CoolCasimir hat geschrieben:... Ein Bild wird angezeigt und wenn Du mit der Maus drüberfährst kommt ein anderes.. Geht man mit der
Maus wieder weg, ist wieder das ursprüngliche Bild da?
So ein Script kann ich Dir geben.. habe ich fertig.


so eins hätt ich sooo gerne.
Wo krieg ich sowas her ?

love
slow
slowhand
 
Beiträge: 37
Registriert: 27.01.2005, 22:00
Wohnort: zürich
Nach oben

Beitragvon CoolCasimir am 11.08.2005, 12:31

Sorry, hatte ich ganz vergessen.... :oops:
Nachher wenn ich zu hause bin poste ich das Script hier.
CoolCasimir
Moderator
 
Beiträge: 2194
Registriert: 14.01.2004, 14:07
Wohnort: Hansestadt Hamburg
Nach oben

Beitragvon HER am 11.08.2005, 16:36

Ok kommt mal vor is ja nich so schlimm!
HER
 
Beiträge: 14
Registriert: 27.07.2005, 21:11
Nach oben

Beitragvon CoolCasimir am 11.08.2005, 20:32

So, nun aber.
Das ist ein Beispiel mit 2 Buttons, ich hoffe das Prinzip wird klar.
Folgendes in den <head> Bereich:
Code: Alles auswählen
<script language="JavaScript" type="text/javascript">
<!--
  if(document.images){
    var home1=new Image();
    home1.src="bilder/home_1.gif";
    var home2=new Image();
    home2.src="bilder/home_2.gif";
    var uebermich1=new Image();
    uebermich1.src="bilder/ich_1.gif";
    var uebermich2=new Image();
    uebermich2.src="bilder/ich_2.gif";
    }
  else{
  alert("Leider haben Sie einen zu alten Browser!!");
  }
 
//-->
</script>

Und da wo das Menue oder der Bildwechsel stattfinden soll dieses als Beispiel:
Code: Alles auswählen
<a href="home.html" onmouseover="document.home.src=home2.src";
onmouseout="document.home.src=home1.src"><img src="bilder/home_1.gif" alt="Home" border="0" name="home" id="home"></a><br>
<a href="uebermich.html" onmouseover="document.uebermich.src=uebermich2.src";
onmouseout="document.uebermich.src=uebermich1.src">
<img src="bilder/ich_1.gif" alt="Über mich" border="0" name="uebermich" id="uebermich"></a>
CoolCasimir
Moderator
 
Beiträge: 2194
Registriert: 14.01.2004, 14:07
Wohnort: Hansestadt Hamburg
Nach oben

Beitragvon CoolCasimir am 12.08.2005, 13:00

Hier noch mal ein Beispiel: http://becksi.homelinux.net/test/bildwechsel.html
Kannst ja den Quelltext kopieren, ich lasse es noch ein wenig online.
CoolCasimir
Moderator
 
Beiträge: 2194
Registriert: 14.01.2004, 14:07
Wohnort: Hansestadt Hamburg
Nach oben
Nächste
Antwort erstellen

Ähnliche Themen

html
Forum: Feedback
Autor: Anonymous
Antworten:
Infos über HTML
Forum: Webmaster-Anfänger
Autor: phil89
Antworten:
html-Laufschrift von unten n. oben
Forum: HTML, PHP & Co.
Autor: bernina
Antworten:
html code für videos?
Forum: HTML, PHP & Co.
Autor: Skatergirl82
Antworten:
XHTML-HTML
Forum: HTML, PHP & Co.
Autor: SupersOnic
Antworten:
Nach oben

Zurück zu HTML, PHP & Co.

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Deutsche Übersetzung durch phpBB.de
phpBB SEO