02. juli 2001 - 20:47
Der er
9 kommentarer og 1 løsning
Scroll ved klik på billede
Hej! Er der nogen der ved, hvordan man kan scrolle ned ved at klikke på et billede, og hvordan man scroller op, ved at klikke på et andet billede ?
Annonceindlæg fra HP
kommer ligesom an på hvad der skal scrolles. Det nemmeste er hvis siden er i frames og du vil scrolle den ene ramme fra den anden: <a href=\'java script:void(0)\' onclick=\"parent.rammes_navn.scrollBy(0,-100)\"><img src=\"pil_opad_billede.gif></a> <a href=\'java script:void(0)\' onclick=\"parent.rammes_navn.scrollBy(0,100)\"><img src=\"pil_nedad_billede.gif></a> hvor den ramme der skal scrolles har name=\'rammes_navn\' i sin frame kommando i frameset filen: <frame name=\'rammes_navn\' src=\'fil_der_scrolles.html\'> mvh JakobA
min kode ser sådan ud: <html> <head> <base target=\"_self\"> <title>Cross-browser Dynamic HTML Scripts - PageLoading</title> <style type=\"text/css\"> #divCont{position:absolute; overflow:hidden; z-index:201; left:200; top:250; clip:rect(0,200,250,0); height:250; width:200; } #divLoad{position:absolute; left:10; top:250; z-index:201; clip:rect(0,200,250,0); height:250; width:200; visibility:hidden;} #divIEText{position:absolute; left:0; top:0} #divArrows{position:absolute; left:10; top:250; z-index:10; visibility:hidden} #divLinks{position:absolute; left:10; top:20} </style> <script type=\"text/javascript\" language=\"JavaScript\"> //Default browsercheck, added to all scripts! function checkBrowser(){ this.ver=navigator.appVersion this.dom=document.getElementById?1:0 this.ie5=(this.ver.indexOf(\"MSIE 5\")>-1 && this.dom)?1:0; this.ie4=(document.all && !this.dom)?1:0; this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) return this } bw=new checkBrowser() function makeObj(obj,nest){ nest=(!nest) ? \'\':\'document.\'+nest+\'.\' this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+\"document.layers.\" +obj):0; this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+\"document.layers.\" +obj):0; this.height=bw.ns4?this.css.document.height||this.css.clip.bottom:this.evnt.offsetHeight||this.css.pixelHeight this.width=bw.ns4?this.css.document.width:this.evnt.offsetWidth this.moveIt=b_moveIt; this.x; this.y; this.moveBy=b_moveBy; return this } function b_moveIt(x,y){this.x=x;this.y=y; this.css.left=this.x; this.css.top=this.y} function b_moveBy(x,y){this.moveIt(this.x+x,this.y+y)} function makeFrame(iframe,contdiv,textdiv,arrowdiv,usebuffer){ this.loader=new makeObj(iframe,contdiv) if(arrowdiv) this.arrow=new makeObj(arrowdiv) this.usebuffer=(usebuffer || bw.ie4 || (bw.ie5 && !bw.ie55) || bw.ns4) && !bw.ns5 if(this.usebuffer){ this.cont=new makeObj(contdiv) if(!bw.ns4){ this.ifr=document.frames[iframe] this.text=new makeObj(textdiv) }else{ this.text=this.loader } this.text.moveIt(0,0) if(arrowdiv) this.arrow.css.visibility=\'visible\' this.checkloaded=ifr_checkloaded; this.up=ifr_up; this.down=ifr_down; }else if(bw.dom){ this.loader.css.visibility=\'visible\' } this.scroll=1 this.loadpage=ifr_loadpage; this.obj = iframe + \"Object\"; eval(this.obj + \"=this\") } function ifr_up(speed){ go=false if(this.scroll){ if(this.text.y<0){ this.text.moveBy(0,speed) go=true } } if(go)setTimeout(this.obj+\".up(\"+speed+\")\",20) } function ifr_down(speed){ go=false if(this.scroll){ h=bw.ns4?this.text.css.document.height:this.text.evnt.offsetHeight if(this.text.y>-h+this.cont.height){ this.text.moveBy(0,-speed) go=true } } if(go)setTimeout(this.obj+\".down(\"+speed+\")\",20) } function ifr_loadpage(url){ if(bw.ns4) this.loader.css.load(url,200) else this.loader.evnt.src=url if(this.usebuffer && !bw.ns4 && !bw.ns5){ setTimeout(this.obj+\".checkloaded()\",200) } if(this.usebuffer){ this.text.moveIt(0,0) } } function ifr_checkloaded(){ if(bw.ns6) this.text.evnt.innerHTML=this.ifr.document.getElementsByTagName(\"body\")(0).innerHTML if(this.ifr.document.readyState==\"complete\"){ //Move Content to text div this.text.evnt.innerHTML=this.ifr.document.body.innerHTML }else setTimeout(this.obj+\".checkloaded()\",100) } function ifrinit(){ //Making a frame. You can have as many frames you want on a page //Arguments: // makeFrame(\'LOADING_IFRAME/LAYER\',\'THE_LAYER_AROUND_THE_OTHER_LAYERS\',\'THE_TEXT_BUFFER_LAYER\',\'THE_UP&DOWN_LAYER\',useBuffer) frame=new makeFrame(\'divLoad\',\'divCont\',\'divIEText\',\'divArrows\',useBuffer) } onload=ifrinit; useBuffer=0 </script> </head> <body bgcolor=\"#FF9933\"> <script> //Writing out the iframe info we need. if(bw.ie4 || (bw.ie5 && (!bw.ie55 || useBuffer))){ //FOR IE4 AND IE% document.write(\'<iframe id=\"divLoad\"></iframe><div id=\"divCont\"><div id=\"divIEText\"></div></div>\') }else if(bw.ns4){ //FOR NETSCAPE 4 document.write(\'<div id=\"divCont\"><layer id=\"divLoad\"></layer></div>\') }else if(bw.dom){ //FOR IE5.5 (if useBuffer is sets to 0) AND NETSCAPE 6 document.write(\'<iframe marginwidth=\"0\" marginheight=\"0\" allowTransparency=\"true\" frameborder=\"0\" id=\"divLoad\" scrollbar=\"no\"></iframe>\') } </script> <div id=\"divLinks\" style=\"width: 77; height: 148\"> <a href=\"#\" onclick=\"frame.loadpage(\'pages/page1.html\'); return false\">Load page 1</a> <a href=\"#\" onclick=\"frame.loadpage(\'pages/page2.html\'); return false\">Load page 2</a> <a href=\"#\" onclick=\"frame.loadpage(\'pages/page3.html\'); return false\">Load page 3</a> <a href=\"#\" onclick=\"frame.loadpage(\'pages/page4.html\'); return false\">Load page 4</a> </div> <div id=\"divArrows\" style=\"width: 251; height: 33\"> </div> </BODY> </HTML>