Disable von Image Links
Andre Grumbach
- design/layout
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
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
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
gif mit "gitter" wäre möglich - denk dran ;)
MFG
bleicher
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