nicht angemeldet
onfucous grafik
hallo es geht darum, dass der aktuelle tab durch ein bild ersetzt
wird. wie kann ich erreichen, dass wen ein nutzer auf den tab klickt das bild ausgetauscht wird und solange dort bleibt, bis eine andere seite geöffnet wird?!
-
hallo es geht darum, dass der aktuelle tab durch ein bild ersetzt
wird. wie kann ich erreichen, dass wen ein nutzer auf den tab klickt das bild ausgetauscht wird und solange dort bleibt, bis eine andere seite geöffnet wird?!z.B. mit javascript und nem kurzen setTimeout
bye trunx
--
Die Standard-Antwort: "Bitte benutze die Forum-Suche!" macht die Forum-Suche kaputt, weil die Suche dann nämlich genau vor allem diese Standard-Antwort, also Müll liefert. Sinnvoller ist stattdessen folgende Standard-Antwort: "Dieses Thema wurde schon vielfach im Forum besprochen, siehe z.B. <a>hier</a> oder <a>hier</a> oder benutze die Forum-Suche z.B. mit den Stichworten 'Stichwort1 Stichwort2' ."-
zusätlich sollte mousover deaktiviert sein.
@trunx: dreshalb habe ich es ja auch unter javascript gepostet, ich
brüuchte codehilfe..., trotzdem thx für deine antwort-
zusätlich sollte mousover deaktiviert sein.
@trunx: dreshalb habe ich es ja auch unter javascript gepostet, ich
brüuchte codehilfe..., trotzdem thx für deine antwortdas hat bei mir funktioniert:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Bildtausch</title>
<script type="text/javascript">
function bild(){
document.getElementById('testbild').src='test2.jpg';
window.setTimeout('document.getElementById('i1').src='test1.jpg'',200);
}
</script>
</head>
<body>
<a href="javascript:void(0)" onclick="bild();"><img src="test1.jpg" id="testbild" style="border:0" alt=""></a>
</body>
</html>bye trunx
--
Die Standard-Antwort: "Bitte benutze die Forum-Suche!" macht die Forum-Suche kaputt, weil die Suche dann nämlich genau vor allem diese Standard-Antwort, also Müll liefert. Sinnvoller ist stattdessen folgende Standard-Antwort: "Dieses Thema wurde schon vielfach im Forum besprochen, siehe z.B. <a>hier</a> oder <a>hier</a> oder benutze die Forum-Suche z.B. mit den Stichworten 'Stichwort1 Stichwort2' ."-
ja thx, funktioniert auch fast, muss ich das i1 in zeile 9 auch ersetzen?! weil das bild wird bei einem klick auf den tab ersetzt, wenn die seite fertig geladen ist verschwindet das bild wieder, hier mein bisheriger code einmal, vll. hängt das ja zusammen:
javascript:
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}function getElementById(parent, tagname, id) {
var elems = parent.getElementsByTagName(tagname);
for (i = 0; i < elems.length; i++) {
if (elems[i].id == id) {
return elems[i];
}
}
}function getNameOfModTab(modtab) {
var links = modtab.getElementsByTagName("A");
if (links.length > 0) {
return links[0].innerHTML;
}
return modtab.innerHTML;
}css:
#tabs2, #emptytabs {
background: url(/page/..[pfad ersetzt]../tab-bg.gif) left bottom no-repeat;
height:44px;
background-position:0px 30px;
margin: 0px 0px 0px 0px;
margin-bottom: -4px;
padding: 0px 0px 0px 0px;
}#emptytabs {
height:20px;
background-position:0px 6px;
}.navigation2 a:hover, .imagesNoBorder a:hover{
background: none;
}html:
<div class="navigation2">
<div align="left" id="tabs2">
<span style="position: relative;">
<a href="include.php?path=content/news.php&contentid=78" onfocus="if (this.blur) this.blur()" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('start','','/page/..[pfad ersetzt]../start_over.gif',1)"><img align="top" src="/page/..[pfad ersetzt]../start_off.gif" alt="Start" name="start" border="0" id="start" /></a>
</span>
<span style="position: relative;">
<a href="#" onfocus="if (this.blur) this.blur()" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('meineseite','','/page/..[pfad ersetzt]../meineseite_over.gif',1)"><img align="top" src="/page/..[pfad ersetzt]../meineseite_off.gif" alt="Meine Seite" name="meineseite" border="0" id="meineseite" /></a>
</span>
<span style="position: relative;">
<a href="#" onfocus="if (this.blur) this.blur()" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nachrichten','','/page/..[pfad ersetzt]../nachrichten_over.gif',1)"><img align="top" src="/page/..[pfad ersetzt]../nachrichten_off.gif" alt="Nachrichten" name="nachrichten" border="0" id="nachrichten" /></a>
</span>
<span style="position: relative;">
<a href="#" onfocus="if (this.blur) this.blur()" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sportler','','/page/..[pfad ersetzt]../sportler_over.gif',1)"><img align="top" src="/page/..[pfad ersetzt]../sportler_off.gif" alt="Sportler" name="sportler" border="0" id="sportler" /></a>
</span>
<span style="position: relative;">
<a href="#" onfocus="if (this.blur) this.blur()" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('teams','','/page/..[pfad ersetzt]../teams_over.gif',1)"><img align="top" src="/page/..[pfad ersetzt]../teams_off.gif" alt="Teams" name="teams" border="0" id="teams" /></a>
</span>
<span style="position: relative;">
<a href="#" onfocus="if (this.blur) this.blur()" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sportarten','','/page/..[pfad ersetzt]../sportarten_over.gif',1)"><img align="top" src="/page/..[pfad ersetzt]../sportarten_off.gif" alt="Sportarten" name="sportarten" border="0" id="sportarten" /></a>
</span>
<span style="position: relative;">
<a href="#" onfocus="if (this.blur) this.blur()" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('fotos','','/page/..[pfad ersetzt]../fotos_over.gif',1)"><img align="top" src="/page/..[pfad ersetzt]../fotos_off.gif" alt="Fotos" name="fotos" border="0" id="fotos" /></a>
</span>
<span style="position: relative;">
<a href="#" onfocus="if (this.blur) this.blur()" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('spocials','','/page/..[pfad ersetzt]../spocials_over.gif',1)"><img align="top" src="/page/..[pfad ersetzt]../spocials_off.gif" alt="Spocials" name="spocials" border="0" id="spocials" /></a>
</span>
</div>
</div>und dan hab ich das von dir eben ausprobiert, also html und javascript geändert/ergänzt...
-
-
-