Script umarbeiten
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aktuellen string
bild
button
code
datei
extrem freuen
frage
funktion
gedanke
gefunden code
genau macht
grafik
http
machen
objekt
probieren
sagen
tag
text
variablen verwenden
-
Ich habe dieses Script im internet gefunden:
<script type=\"text/javascript\"> /* 3D Spin Menu- By Petre Stefan (http://www.eyecon.ro) */ eye={p:0,x:0,y:0,w:0,h:0,r:0,v:0,s:0,isVertical:0,a1:0,a2:0,a3:0,color:\'#ffffff\',colorover:\'#ffffff\',backgroundcolor:\'#0099ff\',backgroundcolorover:\'#000000\',bordercolor:\'#000000\',fontsize:12,fontfamily:\'Arial\',pas:0,spinmenu:function(){this.p=this.r/this.s;this.a1=this.a2=this.isVertical?0:Math.PI/2},spinmenuitem:function(a7,a6,a5){a4=\" onclick=\'window.open(\\\"\"+a6+\"\\\"\"+(a5?(\",\\\"\"+a5+\"\\\"\"):\",\\\"_self\\\"\")+\")\'\";document.write(\"<div id=\'spinmenu\"+this.a3+\"\' style=\'cursor:pointer;cursor:expression(\\\"hand\\\");position:absolute;width:\"+this.w+\"px;left:\"+this.h+\"px;\"+\"background-color:\"+this.backgroundcolor+\";color:\"+this.color+\";border:1px solid \"+this.bordercolor+\";font:normal \"+this.fontsize+\"px \"+this.fontfamily+\";text-align:center;cursor:default;z-Index:1000;\' onmouseover=\'this.style.color=\\\"\"+this.colorover+\"\\\";this.style.backgroundColor=\\\"\"+this.backgroundcolorover+\"\\\"\'\"+ \"onmouseout=\'this.style.color=\\\"\"+this.color+\"\\\";this.style.backgroundColor=\\\"\"+this.backgroundcolor+\"\\\"\'\"+a4+\">\"+a7+\"</div>\");this.a3++},muta:function(){a8=document.getElementById(\"controale\");for(i=0;i<this.a3;i++){a9=document.getElementById(\"spinmenu\"+i+\"\");a9s=a9.style;if(this.isVertical){xi=parseInt(this.r*Math.cos(this.a1+i*this.pas))/this.s;yi=parseInt(this.r*Math.sin(this.a1+i*this.pas));a10=(this.p+xi)/(2*this.p);a11=this.fontsize*(this.p+xi)/(2*this.p)+2;a12=parseInt(100*(this.p+xi)/(2*this.p))}else{xi=parseInt(this.r*Math.cos(this.a1+i*this.pas));yi=parseInt(this.r*Math.sin(this.a1+i*this.pas))/this.s;a10=(this.p+yi)/(2*this.p);a11=this.fontsize*(this.p+yi)/(2*this.p)+2;a12=parseInt(100*(this.p+yi)/(2*this.p))};a13=(this.w-20)*a10+20;a14=(this.h-20)*a10+10;a9s.top=(yi+this.y-a14/2)+\"px\";a9s.left=(xi+this.x-a13/2)+\"px\";a9s.width=a13+\"px\";a9s.fontSize=a11+\"px\";a9s.zIndex=a12};a8.style.top=this.y+(this.isVertical?this.r:this.p)+this.h/2+6;a8.style.left=this.x-a8.offsetWidth/2;if(this.a1!=this.a2){this.a1=(this.a1>this.a2)?(this.a1-this.pas/this.v):(this.a1+this.pas/this.v);if(Math.abs(this.a1-this.a2)<this.pas/this.v) this.a1=this.a2;setTimeout(\"eye.muta()\",10)}},spinmenuclose:function(){this.pas=2*Math.PI/this.a3;document.write(\'<div id=\"controale\" style=\"position:absolute\"><button type=\"\" onclick=\"eye.a2+=eye.pas;eye.muta()\" onfocus=\"this.blur()\"><<</button> <button type=\"\" onclick=\"eye.a2-=eye.pas;eye.muta()\" onfocus=\"this.blur()\">>></button></div>\');eye.muta()}}; function getposOffset(what, offsettype) { var totaloffset=(offsettype==\"left\")? what.offsetLeft : what.offsetTop; var parentEl=what.offsetParent; while (parentEl!=null) { totaloffset=(offsettype==\"left\")? totaloffset+parentEl.offsetLeft :totaloffset+parentEl.offsetTop; parentEl=parentEl.offsetParent; } return totaloffset; } eye.isVertical = 0; //if it\'s vertical or horizontal [0|1] eye.x = 150; // x offset from point of insertion on page eye.y = 0; // y offset from point of insertion on page eye.w = 150; // item\'s width eye.h = 30; // height eye.r = 100; // menu\'s radius eye.v = 20; // velocity eye.s = 4; // scale in space (for 3D effect) eye.color = \'#000000\'; // normal text color eye.colorover = \'#fd5401\'; // mouseover text color eye.backgroundcolor = \'blue\'; // normal background color eye.backgroundcolorover = \'gold\'; // mouseover background color eye.bordercolor = \'#000000\'; // border color eye.fontsize = 12; // font size eye.fontfamily = \'Arial\'; //font family if (document.getElementById) { document.write(\'<div id=\"spinanchor\" style=\"height:\'+eval(eye.h+20)+\'\"></div>\') eye.anchor=document.getElementById(\'spinanchor\') eye.spinmenu(); eye.x+=getposOffset(eye.anchor, \"left\") //relatively position it eye.y+=getposOffset(eye.anchor, \"top\") //relatively position it //menuitem: eye.spinmenuitem(text, link, target) eye.spinmenuitem(\"onemillion\",\"http://onemillion.lima-city.de/\"); eye.spinmenuitem(\"Das Projekt\",\"http://onemillion.lima-city.de/projekt\"); eye.spinmenuitem(\"Über mich\",\"http://onemillion.lima-city.de/ich\"); eye.spinmenuitem(\"Zukunft\",\"http://onemillion.lima-city.de/zukunft\"); eye.spinmenuitem(\"Scripts\",\"http://onemillion.lima-city.de/scripts\"); eye.spinmenuitem(\"Träume\",\"http://onemillion.lima-city.de/traeume\"); eye.spinmenuitem(\"Photoshop\",\"http://onemillion.lima-city.de/photoshop\"); eye.spinmenuclose(); } </script>
kann mir jemand tag/sagen">sagen, wie ich es schaffe anstelle der schriftzüge in den Kästen grafiken zu verwenden?
würde mich extrem freuen und es wäre sicher für viele user interessant da dadurch ein richtig cooles interfeace entstehen würde...
Editiert von moritzpeuser: Code-Tags hinzugefügt
Beitrag geändert: 4.5.2008 21:09:46 von moritzpeuser -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Wenn man jetzt wüsste was die Funktion spinmenuitem des Objekts eye macht könnte man die Frage eventuell beantworten. Ansonsten würde ich einfach probieren in den aktuellen String ein <img> Tag hineinzuschreiben.
-
solange wir nicht wissen was die Funktion genau macht ist das schwer zu sagen.
-
Ich denke das ist irgendwie ein dinamisches navigationsmenü für eine seite so wie ich es aus dem script erahnen kann.
-
Ja sieht aus wie ein Menu.
Im Script ist doch ein Link, hast du da schonmal nachgefragt?
-
evtl. anstelle der Texte Variablen verwenden und den Variablen Bildobjekte zuweisen lassen!?
War gerade so mein erster Gedanke nach dem besagten \"img>\" -
habe versucht eine img datei anstelle des Textes einzufügen...
es funktioniert garnicht mehr -_-
gibt es sonst noch eine möglichkeit um dort grafiken einzufügen???
Dann bist du zu dumm ein Bild mit HTML einzufügen. :P;)
Nimm einfach statt des Textes
zB:
eye.spinmenuitem(\"onemillion\",\"http://onemillion.lima-city.de/\");
zB sowas:
eye.spinmenuitem(\"<img src=\'http://thekern.de/bilder/icq_bild.jpg\' />\",\"http://onemillion.lima-city.de/traeume\");
Doch weil die Bilder meistens größer sind als der Text, überdeckt es die Buttons zum weiterdrehen.
Aber wenn man sich mit dem Code auseinandersetzt bekommt man das bestimmt hin. ;)
Beitrag geändert: 7.5.2008 21:40:09 von philippkern -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
