Mit diesem Script kann man große Bilder in einem "Container" auf die Seite bringen, der dann durch die Schaltpunkte nach oben bzw. nach unten gescrollt wird. Die Positionierung erfolgt per DHTML.
HTML-Einbindung <!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den -head- einbauen --> <SCRIPT language=JavaScript1.2> //Kontrolle Browser IE oder NN ie=document.all?1:0 n=document.layers?1:0 //Timeout beim Scrollen Geschw=50 //Höhe des Fensters HoeheFenster=75 function Scroll_Container_erzeugen(Objekt,Formatierung){ Formatierung=(!Formatierung) ? '':'document.'+Formatierung+'.' this.css=(n) ? eval(Formatierung+'document.'+Objekt):eval('document.all.'+Objekt+'.style') this.ScrollenHeight=n?this.css.document.height:eval('document.all.'+Objekt+'.offsetHeight') this.top=Spitze_ermitteln return this } function Spitze_ermitteln(){ var Spitze_links=(n) ? eval(this.css.top):eval(this.css.pixelTop); return Spitze_links; } var ScrollenTim; var akt_Punkt=0; function Scrollen(Geschw_Scrollen){ clearTimeout(ScrollenTim) Scroll_Richtung=Geschw_Scrollen>0?1:0 if((!Scroll_Richtung && Scroll_Container[akt_Punkt].top()>-Scroll_Container[akt_Punkt].ScrollenHeight+HoeheFenster) || (Scroll_Container[akt_Punkt].top()<0 && Scroll_Richtung)){ Scroll_Container[akt_Punkt].css.top=Scroll_Container[akt_Punkt].top()+Geschw_Scrollen ScrollenTim=setTimeout("Scrollen("+Geschw_Scrollen+")",Geschw) } } function Scrollen_aus(){ clearTimeout(ScrollenTim) } function akt_Punkt_Aendern(num){ akt_Punkt=num Scroll_Container[akt_Punkt].css.visibility='hidden' Scroll_Container[akt_Punkt].css.top=0 Scroll_Container[akt_Punkt].css.visibility='visible' } function initialisierung(){ Scroll_Container=new Array() Scroll_Container[0]=new Scroll_Container_erzeugen('Scroll_Abschn_1','Format_Container_2') Scroll_Container[0].css.visibility='visible' } onload=initialisierung; //--> </SCRIPT> <STYLE> #Format_Container { LEFT: 200px; POSITION: absolute; TOP: 200px; WIDTH: 200px} #Format_Container_2 { CLIP: rect(0px 250px 150px 0px); HEIGHT: 150px; LEFT: 35%; POSITION: absolute; TOP: 200px; WIDTH: 120px} .Scroll_Class { LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden} </STYLE> <!-- Diesen Code musst Du in den -body- einbauen --> <DIV id=Format_Container> <A href="listing3.htm#" onmouseout=Scrollen_aus() onmouseover=Scrollen(5)>HOCH</A> <br> <br> <A href="listing3.htm#" onmouseout=Scrollen_aus() onmouseover=Scrollen(-5)>RUNTER</A> </DIV> <DIV id=Format_Container_2> <DIV class=Scroll_Class id=Scroll_Abschn_1> <img src="http://www.java24.net/gif/banner_120_600.gif" width="120" height="600" border="2"> <br><br>Und hier kann noch ein Text eingegeben werden ! </DIV> </DIV> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->
Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"
