Andre Grumbach: Disable von Image Links

Hallo zusammen,
ich habe eine Frage zum Design von Image Links.

Ich Versuche eine Link zu deaktivieren, das funktioniert auch soweit mit: document.getElementById("ImageLinkNewIncident").disabled = true;
Jedoch bleibt das Bild weiterhin das gleiche.

Nun habe ich folgende Möglichkeit:
Ich erstelle für jedes Bild noch ein zweites 'Disabled Bild', das ich einfach verwende, wenn der Link Disabled ist.
Da ich dann aber 20 Bilder erstellen muss (sind viele Image Links), würde ich gern einen Grauschleier über das Bild legen, das es so aussieht als wäre es deaktiviert.

Hat jemand eine Idee wie ich das machen kann?

Danke,
Andre

  1. Moin!

    Hat jemand eine Idee wie ich das machen kann?

    CSS:
    .disabled-image {
        opacity:0.5;
    }

    JS:
    var img= document.getElementById("ImageLinkNewIncident");
    img.disabled = true;
    img.className+= ' disabled-image';

    -- Skeeve

    1. Einen schönen guten Mittag.

      CSS:
      .disabled-image {
          opacity:0.5;

      Das bewirkt einen Grauschleier in Geckos, Opera9 und anderen modernen Browsern, jedoch nicht in IE bis 6 und Opera bis 8.5. Deswegen möchte ich hier noch auf den Artikel "teiltransparente Bereiche" verweisen.

      }

      So long,
      Oku

      1. gif mit "gitter" wäre möglich - denk dran ;)
        MFG
        bleicher

        --
        __________________________-
        Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
      2. Jo hab ich auch schon gemerkt.
        Hab es dann mit filter:alpha gemacht.
        Funktioniert im IE ohne Probs.

        Andre

        Einen schönen guten Mittag.

        CSS:
        .disabled-image {
            opacity:0.5;
        Das bewirkt einen Grauschleier in Geckos, Opera9 und anderen modernen Browsern, jedoch nicht in IE bis 6 und Opera bis 8.5. Deswegen möchte ich hier noch auf den Artikel "teiltransparente Bereiche" verweisen.
        }

        So long,
        Oku