Tach zusammen,
zu Anfang sei gleich gesagt, ich bin eine totale Script-Null
! Daher bitte Nachsehen mit meinem Script-Konstrukt. Ich habe jetzt endlich ein JS gefunden, das erfolgreich die Unfähigkeit des IE5.5/6 bei der PNG-Transparenz bekämpft. Dadurch wurde aber (im IE) mein Script für den Mouseover-Effekt unbrauchbar. Das würde ich gerne in der bestehenden Größe behalten, weil's so schön kompakt ist (wenn's geht).
Die Scripte müssten mal auf Kompatibilität geprüft werden (http://www.hellga.de/2006/rechts.html) bzw. ich bräuchte 'ne Info wie ich die beiden Scripte gelichzeitig zum laufen bringe. Wie gesagt ich selber habe keine Ahnung von tuten und blasen, daher wäre das posten der korrigierten Lösung eigentlich das was ich augenblicklich am ehesten bräuchte.
So habe ich das derzeit im <head> Bereich drin:
In JS eintauchen mache ich dann wenn ich mal Zeit habe...
Besten Dank vorneweg!
zu Anfang sei gleich gesagt, ich bin eine totale Script-Null
! Daher bitte Nachsehen mit meinem Script-Konstrukt. Ich habe jetzt endlich ein JS gefunden, das erfolgreich die Unfähigkeit des IE5.5/6 bei der PNG-Transparenz bekämpft. Dadurch wurde aber (im IE) mein Script für den Mouseover-Effekt unbrauchbar. Das würde ich gerne in der bestehenden Größe behalten, weil's so schön kompakt ist (wenn's geht).Die Scripte müssten mal auf Kompatibilität geprüft werden (http://www.hellga.de/2006/rechts.html) bzw. ich bräuchte 'ne Info wie ich die beiden Scripte gelichzeitig zum laufen bringe. Wie gesagt ich selber habe keine Ahnung von tuten und blasen, daher wäre das posten der korrigierten Lösung eigentlich das was ich augenblicklich am ehesten bräuchte.
So habe ich das derzeit im <head> Bereich drin:
<!--[if lt IE 7]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filterrogidXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
<script language="JavaScript">
function init() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr.getAttribute('hsrc')) {
imgTemp = new Image();
imgTemp.src = imgarr.getAttribute('hsrc');
imgarr.onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr.onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
onload=init;
</script>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter
rogidXImageTransform.Microsoft.AlphaImageLoader"+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
<script language="JavaScript">
function init() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr.getAttribute('hsrc')) {
imgTemp = new Image();
imgTemp.src = imgarr.getAttribute('hsrc');
imgarr.onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr.onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
onload=init;
</script>
In JS eintauchen mache ich dann wenn ich mal Zeit habe...
Besten Dank vorneweg!
Zuletzt bearbeitet: