kostenloser Webspace werbefrei: lima-city


Script umarbeiten

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    onemillion

    Kostenloser Webspace von onemillion, auf Homepage erstellen warten

    onemillion hat kostenlosen Webspace.

    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
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. e********l

    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.
  4. Autor dieses Themas

    onemillion

    Kostenloser Webspace von onemillion, auf Homepage erstellen warten

    onemillion hat kostenlosen Webspace.

    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???
  5. e********l

    solange wir nicht wissen was die Funktion genau macht ist das schwer zu sagen.
  6. dark-trigardon

    dark-trigardon hat kostenlosen Webspace.

    Ich denke das ist irgendwie ein dinamisches navigationsmenü für eine seite so wie ich es aus dem script erahnen kann.
  7. Ja sieht aus wie ein Menu.
    Im Script ist doch ein Link, hast du da schonmal nachgefragt?

  8. evtl. anstelle der Texte Variablen verwenden und den Variablen Bildobjekte zuweisen lassen!?

    War gerade so mein erster Gedanke nach dem besagten \"img>\"
  9. Autor dieses Themas

    onemillion

    Kostenloser Webspace von onemillion, auf Homepage erstellen warten

    onemillion hat kostenlosen Webspace.

    ein link wo das Menü zu sehen ist ist:

    http://onemillion.lima-city.de/

  10. 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
  11. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!