Probloeme mit css und javascript

[XaraX]

Hi Svenlito,

<a href="#"> <img id="glas_1" onMouseOver="javascript:ChangeGlas('1','b')" onMouseout="javascript:ChangeGlas('1','a')" src="/_gfx/glas_1_a.gif" width="123" height="199" border="0">

"javascript:" kann als erstes gelöscht werden, id als zweites, diese Angaben sind unnötig. Als Beispiel für Deine Navigation (innerhalt eines Dokuments!):

<script type="text/javascript">

// Vorladen der Bilder http://de.selfhtml.org/javascript/objekte/images.htm#src

var b = new Array();
 b[0] = new Image(); b[0].src = "/_gfx/glas_1_a.gif";
 b[1] = new Image(); b[1].src = "/_gfx/glas_1_b.gif";
 b[2] = new Image(); b[2].src = "/_gfx/glas_2_a.gif";
 b[3] = new Image(); b[3].src = "/_gfx/glas_2_b.gif";

function ChangeGlas(v)
   {

// Bild ändern

this.src=b[v].src

// abfragen, ob Navigation vorhanden

if(document.getElementById('navi'))
      {

// alle Links erfassen und druchlaufen http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id ff. Hashs

x=document.getElementById('navi').getElementsByTagName('a')
      for(var i=0;x[i],i++)
         {

// Farbe ändern

if(x[i].style.color!='#F00')
            {
            x[i].style.color='#F00'
            }
         else
            {
            x[i].style.color='#00F'
            }
         }
      }
   }

// bitte mal selbst debuggen, habe es nur aus dem Kopf
// zusammengezimmert

</script>

<!-- ...  -->

<ul id="navi">
   <li><a href="#">Text 1</a></li>
   <li><a href="#">Text 2</a></li>
   <li><a href="#">Text 3</a></li>
   <li><a href="#">Text 4</a></li>
   <li><a href="#">Text 5</a></li>
   <li><a href="#">Text 6</a></li>
</ul>

<a href="#">
   <img
    onMouseOver="ChangeGlas(1)"
     onMouseOut="ChangeGlas(0)"
            src="/_gfx/glas_1_a.gif"
   >
</a>

Gruß aus Berlin!
eddi