Visualizzazione dei risultati da 1 a 10 su 10

Discussione: Menù a rotazione

  1. #1

    Menù a rotazione

    Ciao ragazzi,
    avrei bisogno di creare un menù a rotazione, come quello di una ruota panoramica per farvi capire, potreste aiutarmi???
    Grazie
    spider81man

  2. #2
    Nessuno che riesce a aiutarmi???

  3. #3
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    cerchi qualcosa di piatto, cioè 2d o (pseudo) 3d?

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Una ruota panoramica vista dal fianco, da una cabina della ruota stessa, da una finestra di una casa di fronte, ...

    Forse se riuscissi a schematizzare conun disegnino (o con un link ad una pagina), spiegando l'effetto che vuoi, sarebbe piu` comprensibile.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Ringrazio anticipatamente per le risposte.
    Un link di riferimento è questo:
    http://www.fabulaenoctis.com
    Solo che la cosa la vorrei fare con 3 frame come è già il mio piccolo sito
    www.yamateam.it
    In pratica questo menù a sx in alto il banner del sito e a dx le pagine che vengono caricate.
    Grazie ancora
    spider81man

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Hai provato a vedere come fanno loro?
    Poi puoi chiedere a Petre se ti lascia copiare lo script e a quali condizioni (magari c'e` anche spiegato nella sua pagina web).

    Lo script nella pagina comunque sarebbe da migliorare (non funziona con monitor di larghezza non standard).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  7. #7
    il fatto è che io nn vorrei quello script ma uno simile, visto che al posto delle scritte vorrei mettere delle immagini.
    Potete aiutarmi??

  8. #8
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non so se funziona.

    Puoi provare ad inserire un tag <img ...> all'interno delle virgolette al posto della scritta, ma non sono sicuro che funzioni.
    Altrimenti occorre lavorare sul codice.

    Il consiglio di cheidere all'autore (o visitare il suo sito) e` comunque sempre valido.
    Trovi l'indirizzo all'interno del codice JS incluso.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  9. #9
    ecco il codice della pagina WEB

    INDEX.htm:
    <HTML>
    <HEAD>
    <TITLE>Yama Team Kick Boxing Web Site</TITLE>

    <SCRIPT src="spinmenu.js"
    type=text/javascript></SCRIPT>
    </SCRIPT>

    </HEAD>
    <BODY bgColor=#333333 class=testi>
    <SCRIPT type=text/javascript>

    <!--

    eye.isVertical = 1;

    // INIT CODE ADDED by aeniGma (http://www.thekey.it)

    // Recalculate x position...

    // Tested with IE6

    // Tested Mozilla 1.6

    if (isNaN(window.screenX)) {

    eye.x=(document.body.offsetWidth - 740)/2+70;

    eye.y = 330;

    } else {

    eye.x=(window.innerWidth-740)/2+70;

    eye.y = 315;

    }

    // END CODE ADDED by aeniGma (http://www.thekey.it)



    eye.w = 160;

    eye.h = 90;

    eye.r = 100;

    eye.v = 40;

    eye.s = 60;

    eye.fontfamily = 'georgia';

    eye.fontsize = 13;

    eye.color = '#ffffff';

    eye.colorover = '#990000';

    eye.backgroundcolor = '#990000';

    eye.backgroundcolorover = '#999999';

    eye.bordercolor = '#ffffff';



    -->

    </SCRIPT>

    <SCRIPT type=text/javascript>

    <!--

    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");

    eye.y += getposOffset(eye.anchor, "top");



    // ELEMENTI MENU

    eye.spinmenuitem("Il Maestro","maestro.htm");

    eye.spinmenuitem("Gli Altri Inseganti","ins.htm");

    eye.spinmenuitem("Atleti","atleti.htm");

    eye.spinmenuitem("Eventi","eventi.htm");

    eye.spinmenuitem("Foto","foto_galleria.htm");

    eye.spinmenuitem("Video","video.htm");

    eye.spinmenuitem("Credits","credits.htm");

    eye.spinmenuitem("Forum","registrati.php");



    eye.spinmenuclose();

    }

    -->

    </SCRIPT>
    </FONT>[/b]</DIV></DIV>
    </BODY></HTML>

    SPINMENU.js:

    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:'#0 00000',bordercolor:'#000000',fontsize:12,fontfamil y:'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+"\" "):",\"frame\"")+")'";document.write("<div id='spinmenu"+this.a3+"' style='cursorointer;cursor:expression(\"hand\");position:absolu te;width:"+this.w+"px;left:"+this.h+"px;"+"backgro und-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.backgroundc olorover+"\"'"+ "onmouseout='this.style.color=\""+this.color+"\";t his.style.backgroundColor=\""+this.backgroundcolor +"\"'"+a4+">"+a7+"</div>");this.a3++},muta:function(){a8=document.getE lementById("controale");for(i=0;i<this.a3;i++){a9= document.getElementById("spinmenu"+i+"");a9s=a9.st yle;if(this.isVertical){xi=parseInt(this.r*Math.co s(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.a 1+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";a 9s.zIndex=a12};a8.style.top=this.y+(this.isVertica l?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)}},spin menuclose: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()">&lt;&lt;</button> <button type="" onclick="eye.a2-=eye.pas;eye.muta()" onfocus="this.blur()">&gt;&gt;</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;
    }

    adesso mi andrebbe anche bene tenere le scritte ma come faccio a indirizzare il tutto su un frame??
    Grazie 1000

  10. #10
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Il codice lo avevo gia` visto (nel link che avevi postato).

    Quel codice va inserito tutto nella stessa pagina, non credo faccia differenza se e` in un frame. Eventualmente potresti dover modificare il target, oppure metterci una tag <base>, o ancora modificare il codice per aprire la pagina.


    Ma invece di copiarlo dal quel link, ti converrebbe copiarlo dall'originale www.eyecon.ro : magari trovi anche delle indicazioni su come implementarlo, con o senza frame.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.