Mouseover.

Status
Für weitere Antworten geschlossen.
Ä

ähmdeee

ist hier aktiv
Registriert
22. März 2002
Beiträge
463
Erstmal muss ich sagen das dies nicht mein account ist("ähmdee" war so nett mich hier mal die frage stellen zu lassen.)

Mein problem ist das ich grad an einer internetseite arbeite,nicht lange rumprobieren will und hoffe das es hier nette menschen gibt die mir verraten wie ich den html-befehl für einen mouseover funktionierend hinbekomme.Es sind 7bilder,waagerecht angeordnet,die bei mouseover zu je einem anderen bild werden sollen.

wär echt nett wenn ihr mir weiterhelfen könntet!

gruß stefan
 
Und desweiteren...

...könnt ihr mir irgendein medium empfehlen was mir beim bau von internetseiten hilft?

danke im vorraus!
 
Wie weit steht es denn mit deinen allgemeinen Kenntnissen?
Ich versteh dein Problem nicht so richtig - ein MouseOver Effekt habe ich Dir aber in 5 Minuten geschrieben....ach nich mal...ne Minute...aber unter http://selfthtml.teamone.de is auch ne sehr gute Referenz zu JavaScript....da haste das notwendigste mit Beispielen....

...übrigens sind MouseOver Effekte fürn Arsch (meine Meinung)...sowie JavaApplets oder sonst son shit....

JavaScript nutze ich z.B. für sowas hier

(versuche einen Frame einzeln aufzurufen oder klick ma auf Login)

Asnosnten will kein Mensch dein tollen Effekt sehen, sondern dein Bild....(meine Meinung - aber ich bin sowieso Code - Purist)
 
Ach ja...Ich bin für PHP als Medium (wenn Du das meinst), SQL und XML...

...da liegt sowieso die Zukunft drin, denn eins sag ich schon mal voraus...irgendwann werden Dokumente wieder richtig vonner Grundstruktur (ab DTD) und über CGI realisiert...ich sag es Euch...die Patente laufen der freien Gesellschaft davon....

...aber mir wurscht...ich kanns ja!!!
 
ey voll krass immer wenn ich nen beitrag von brest sehe versteh ich nicht mal 10%:)

aber der brest ist echt ein hilfbereiter mensch:)
 
IN den <body>-Tag einfügen:
onload="CSScriptInit();"

auf der website einfügen (zw. den <body>-Tags ^^)

<csobj al="" cl="[color=880000]dateinamedesklickbild[/color]" h="32" ht="[color=880000]dateinamedesmouseoverbild[/color]" t="Button" w="32"><a href="#" onmouseover="return CSIShow(/*CMP*/'button',1)" onmouseout="return CSIShow(/*CMP*/'button',0)" onclick="CSIShow(/*CMP*/'button',2);return CSButtonReturn()"><img src="[color=880000]dateinamedesnormalenbild[/color]" width="32" height="32" name="button" border="0" alt=""></a></csobj>

in den kopf einfügen (zw. den <head>-Tags ^^)

<csscriptdict>
<script type="text/javascript"><!--
CSInit = new Array;
function CSScriptInit() {
if(typeof(skipPage) != "undefined") { if(skipPage) return; }
idxArray = new Array;
for(var i=0;i<CSInit.length;i++)
idxArray = i;
CSAction2(CSInit, idxArray);}
CSAg = window.navigator.userAgent; CSBVers = parseInt(CSAg.charAt(CSAg.indexOf("/")+1),10);
CSIsW3CDOM = ((document.getElementById) && !(IsIE()&&CSBVers<6)) ? true : false;
function IsIE() { return CSAg.indexOf("MSIE") > 0;}
function CSIEStyl(s) { return document.all.tags("div").style; }
function CSNSStyl(s) { if (CSIsW3CDOM) return document.getElementById(s).style; else return CSFindElement(s,0); }
CSIImg=false;
function CSInitImgID() {if (!CSIImg && document.images) { for (var i=0; i<document.images.length; i++) { if (!document.images.id) document.images.id=document.images.name; } CSIImg = true;}}
function CSFindElement(n,ly) { if (CSBVers<4) return document[n];
if (CSIsW3CDOM) {CSInitImgID();return(document.getElementById(n));}
var curDoc = ly?ly.document:document; var elem = curDoc[n];
if (!elem) {for (var i=0;i<curDoc.layers.length;i++) {elem=CSFindElement(n,curDoc.layers); if (elem) return elem; }}
return elem;
}
function CSGetImage(n) {if(document.images) {return ((!IsIE()&&CSBVers<5)?CSFindElement(n,0):document.images[n]);} else {return null;}}
CSDInit=false;
function CSIDOM() { if (CSDInit)return; CSDInit=true; if(document.getElementsByTagName) {var n = document.getElementsByTagName('DIV'); for (var i=0;i<n.length;i++) {CSICSS2Prop(n.id);}}}
function CSICSS2Prop(id) { var n = document.getElementsByTagName('STYLE');for (var i=0;i<n.length;i++) { var cn = n.childNodes; for (var j=0;j<cn.length;j++) { CSSetCSS2Props(CSFetchStyle(cn[j].data, id),id); }}}
function CSFetchStyle(sc, id) {
var s=sc; while(s.indexOf("#")!=-1) { s=s.substring(s.indexOf("#")+1,sc.length); if (s.substring(0,s.indexOf("{")).toUpperCase().indexOf(id.toUpperCase())!=-1) return(s.substring(s.indexOf("{")+1,s.indexOf("}")));}
return "";
}
function CSGetStyleAttrValue (si, id) {
var s=si.toUpperCase();
var myID=id.toUpperCase()+":";
var id1=s.indexOf(myID);
if (id1==-1) return "";
s=s.substring(id1+myID.length+1,si.length);
var id2=s.indexOf(";");
return ((id2==-1)?s:s.substring(0,id2));
}
function CSSetCSS2Props(si, id) {
var el=document.getElementById(id);
if (el==null) return;
var style=document.getElementById(id).style;
if (style) {
if (style.left=="") style.left=CSGetStyleAttrValue(si,"left");
if (style.top=="") style.top=CSGetStyleAttrValue(si,"top");
if (style.width=="") style.width=CSGetStyleAttrValue(si,"width");
if (style.height=="") style.height=CSGetStyleAttrValue(si,"height");
if (style.visibility=="") style.visibility=CSGetStyleAttrValue(si,"visibility");
if (style.zIndex=="") style.zIndex=CSGetStyleAttrValue(si,"z-index");
}
}
function CSClickReturn () {
var bAgent = window.navigator.userAgent;
var bAppName = window.navigator.appName;
if ((bAppName.indexOf("Explorer") >= 0) && (bAgent.indexOf("Mozilla/3") >= 0) && (bAgent.indexOf("Mac") >= 0))
return true; // dont follow link
else return false; // dont follow link
}
function CSButtonReturn () { return !CSClickReturn(); }
CSIm=new Object();
function CSIShow(n,i) {
if (document.images) {
if (CSIm[n]) {
var img=CSGetImage(n);
if (img&&typeof(CSIm[n].src)!="undefined") {img.src=CSIm[n].src;}
if(i!=0) self.status=CSIm[n][3]; else self.status=" ";
return true;
}
}
return false;
}
function CSILoad(action) {
im=action[1];
if (document.images) {
CSIm[im]=new Object();
for (var i=2;i<5;i++) {
if (action!='') {CSIm[im][i-2]=new Image(); CSIm[im][i-2].src=action;}
else CSIm[im][i-2]=0;
}
CSIm[im][3] = action[5];
}
}
CSStopExecution=false;
function CSAction(array) {return CSAction2(CSAct, array);}
function CSAction2(fct, array) {
var result;
for (var i=0;i<array.length;i++) {
if(CSStopExecution) return false;
var aa = fct[array];
if (aa == null) return false;
var ta = new Array;
for(var j=1;j<aa.length;j++) {
if((aa[j]!=null)&&(typeof(aa[j])=="object")&&(aa[j].length==2)){
if(aa[j][0]=="VAR"){ta[j]=CSStateArray[aa[j][1]];}
else{if(aa[j][0]=="ACT"){ta[j]=CSAction(new Array(new String(aa[j][1])));}
else ta[j]=aa[j];}
} else ta[j]=aa[j];
}
result=aa[0](ta);
}
return result;
}
CSAct = new Object;

// --></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"><!--
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'button',/*URL*/'[color=880000]dateinamedesnormalenbild[/color]',/*URL*/'[color=880000]dateinamedesmouseoverbild[/color]',/*URL*/'[color=880000]dateinamedesklickbild[/color]','');

// --></script>
</csactiondict>
 
Original geschrieben von Jesaja I.S.
ey voll krass immer wenn ich nen beitrag von brest sehe versteh ich nicht mal 10%:)

aber der brest ist echt ein hilfbereiter mensch:)
Zum Vergrößern anklicken....

"Der gute Brest hat mir letzens ein super tolles Forum installiert, da ich davon keine Ahnung hatte - dafür bleib ich dankbar. Jederzeit wieder!"

- Ein zufriedener Brest-Fan, Paderborn -
 
Original geschrieben von K-risma
IN den <body>-Tag einfügen:
onload="CSScriptInit();"

auf der website einfügen (zw. den <body>-Tags ^^)
....
</csactiondict>
Zum Vergrößern anklicken....

...und, was jetzt???

Also, wenn Du von MouseOver sprichst, meinst Du einen "Event-Handler" - Okay!

Ein "Event-Handler" beginnt immer mit "on" - also "onMouseOver"...

...das was oben steht erklärt sich selbst für Laien (so hoffe Ich)...

hier die "Mouse-Handler"

onMousedown (bei gedrückter Maustaste)
onMousemove (bei weiterbewegter Maus)
onMouseout (beim Verlassen des Elements mit der Maus)
onMouseover (beim Überfahren des Elements mit der Maus)
onMouseUp (bei losgelassener Maustaste)

Wenn Du einen Editor benutzt, haben diese meist einige Event-Handler zur Verfügung (Macromedia hat zum Beispiel eine sehr gut funktionierende MouseOver Funktion

Hier - selbst ist der Interessierte Mensch

zwei Zeilen anstatt der von K-risma -> (tststststs...Adobe Opfer!!!!)

:oops: :oops: :oops:

So, das müsste wohl reichen...lern ma selber - da haste ein Beipiel, was Du noch verstehst und dazu lernen kann man auch gleich!!!!
 
oder sag deinem Amigo von strato das sie mal nicht GoLive mitschicken sollen sondern Dreamweaver wenn du das besser findest.

Ja, ich habe keine Ahnung und verwende einen WYSIWYG-Editor. Und?
UNREAL:oops:

Ich wollte nur weiterhelfen.

Aber wenn du gegen mich haten musst, nur weil ich mit jmd befreundet bin, den du nicht magst...
 
Original geschrieben von K-risma
oder sag deinem Amigo von strato das sie mal nicht GoLive mitschicken sollen sondern Dreamweaver wenn du das besser findest.

Ja, ich habe keine Ahnung und verwende einen WYSIWYG-Editor. Und?
UNREAL:oops:

Ich wollte nur weiterhelfen.

Aber wenn du gegen mich haten musst, nur weil ich mit jmd befreundet bin, den du nicht magst...
Zum Vergrößern anklicken....

nun ma locker, so war dat aber net jemeint....:oops: ;)
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben Unten