Dynamische Buttons

[fehri]

Hallo,
wollte 2 dynamische Buttons auf meiner Seite einbinden,
funktioniert au, aber wenn ich auf Kontakt klicke, dann läds den
Kontakt Button in dem Impressum Button!

<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "<?php echo $mosConfig_live_site;?>/templates/ctsone/images/index_08.gif";
Highlight1 = new Image();
Highlight1.src = "<?php echo $mosConfig_live_site;?>/templates/ctsone/images/index_08_a.gif";

Normal2 = new Image();
Normal2.src = "<?php echo $mosConfig_live_site;?>/templates/ctsone/images/index_12.gif";
Highlight2 = new Image();
Highlight2.src = "<?php echo $mosConfig_live_site;?>/templates/ctsone/images/index_12_a.gif";

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

<div id="index-08">
  <a href="<?php echo $mosConfig_live_site;?>/index.php?option=com_content&task=view&id=1&Itemid=16"
                onmouseover="Bildwechsel(0, Highlight1)"
                onmouseout="Bildwechsel(0, Normal1)">
                <img border="0" src="<?php echo $mosConfig_live_site;?>/templates/ctsone/images/index_08.gif"></a>
 </div>

<div id="index-12">
  <a href="<?php echo $mosConfig_live_site;?>/index.php?option=com_artforms&formid=2&Itemid=9999999"
                onmouseover="Bildwechsel(1, Highlight2)"
                onmouseout="Bildwechsel(1, Normal2)">
                <img border="0" src="<?php echo $mosConfig_live_site;?>/templates/ctsone/images/index_12.gif"></a>
 </div>

Die Adresse ist www.ctsschmidt.de/cms/

[berdn]

Hallo
... und wenn Du mal Deinen Bildern die dazu passende Namen gibst ...

Bernd

[fehri]

hab ich doch?!

[berdn]

Sorry

Du hast über die Bildnummer referenziert, habe ich über sehen.
Hast Du dann vor den Links plötzlich ein weiteres Bild passt es nicht mehr ...

Deshalb habe ich früher den Bildern einen Namen gegeben und dann über den Namenm angesprochen.

Heute versuche ich einen Bildwechsel meist über CSS zu realisieren, oder gebe dem Bild eine id.

Noch einen schönen Sonntag.

Bernd

[Perry]

Hallo Bernd

Heute versuche ich einen Bildwechsel meist über CSS zu realisieren

hast Du mir dafür ein Beispiel?
Danke

[JürgenB]

Hallo fehri,

Normal1 = new Image();
Normal1.src = "<?php echo $mosConfig_live_site;?>/templates/ctsone/images/index_08.gif";
Highlight1 = new Image();
Highlight1.src = "<?php echo $mosConfig_live_site;?>/templates/ctsone/images/index_08_a.gif";

Normal2 = new Image();
Normal2.src = "<?php echo $mosConfig_live_site;?>/templates/ctsone/images/index_12.gif";
Highlight2 = new Image();
Highlight2.src = "<?php echo $mosConfig_live_site;?>/templates/ctsone/images/index_12_a.gif";

Diese Vorladerei ist fast immer überflüssig.

function Bildwechsel (Bildnr, Bildobjekt) {
  window.document.images[Bildnr].src = Bildobjekt.src;
}

diese Funktion greift auf die Bilder über ihre Nummer zu. Das geht gut, solange im Quelltext oberhalb kein Bild dazukommt. Ich vermute, hier liegt dein Problem.

<a href="<?php echo $mosConfig_live_site;?>/index.php?option=com_content&task=view&id=1&Itemid=16"
                onmouseover="Bildwechsel(0, Highlight1)"
                onmouseout="Bildwechsel(0, Normal1)">
                <img border="0" src="<?php echo $mosConfig_live_site;?>/templates/ctsone/images/index_08.gif"></a>

versuch doch mal

<a href="..."><img src="Normal.gif"
   onmouseover="this.src='Highlight.gif'"
    onmouseout="this.src='Normal.gif'"></a>

Gruß, Jürgen

[Olli]

Wenn Du Dich auf Deiner Seite anbietest mit Comutertechnik - Webdesign, solltest Du solche Problemchen eigenständig lösen können!