Hallo,
auf der Seite http://www.movenpick-hotels.com
gefällt mir das vertikale Scrolling der Fotos auf der rechten Seite.
Hat jemand das Applet oder weiß, wie man sowas selbst schreiben kann ?
Gruß,
Micha
Hallo,
auf der Seite http://www.movenpick-hotels.com
gefällt mir das vertikale Scrolling der Fotos auf der rechten
Seite.
Hat jemand das Applet oder weiß, wie man sowas selbst
schreiben kann ?
Hallo!
Hab’s mir jetzt nicht angesehen, aber i.A. wird Scrolling einfach so gelöst, dass du zuerst ein Bild in einen festen Ausgabebereich zeichnest (z.B. das Applet-Panel) und dann das ganze jeweils um ein paar Pixel nach oben verschoben wiederholst. Der oben herausragende Bereich wird automatisch nicht mehr dargestellt und der unter dem Bild frei werdende Bereich muss eben übermalt werden.
Gruß,
Stefan 
Hi Micha
Was Stefan da erklären wollte check ich auch nicht ganz???
Aber warscheinlich etwa so wie im folgenden Beispiel.
Genauere Erklärungen im Quelltext.
CU Fr@nkie
The Truth Is Out There … ;o)
Hier das Beispiel:
<!–
#tickerDiv {
position:absolute; left:5px; top:200px; border: 1px solid;
width:200px;
height:150px;
clip:rect(0px 200px 150px 0px);
background-color:#eeeeee; layer-background-color:#eeeeee; }
#tickerText {
position:absolute; left:0; top:0; width:200px;
padding:10px; color:#00066; font-family:Arial,sans-serif;
font-size:9pt; }
–>
<!–
userAgent = navigator.userAgent.toLowerCase();
n4 = document.layers;
ie = (document.all && userAgent.indexOf(„mac“)<0);
w3c = document.documentElement;
dhtml = ((n4 || ie || w3c) && userAgent.indexOf(„aol“)<0);
function Ticker(name, parentId, id, hoehe){
this.name = name;
this.hoehe = hoehe;
this.el = n4? document.layers[parentId].document.layers[id] : ie? document.all[id] : document.getElementById(id);
this.css = n4? this.el : this.el.style;
this.inhaltHoehe = n4? this.el.document.height : this.el.offsetHeight;
this.inhaltY = 0;
this.speed = 2;
this.hoch = TickerHoch;
this.runter = TickerRunter;
this.stop = TickerStop;
}
function TickerHoch() {
this.stop();
this.timer = setTimeout(this.name+".hoch()", 40);
if (this.inhaltY>-this.inhaltHoehe) this.inhaltY -= this.speed;
else this.inhaltY = this.hoehe;
this.css.top = this.inhaltY;
}
function TickerRunter() {
this.stop();
this.timer = setTimeout(this.name+".runter()", 40);
if (this.inhaltY<this.hoehe) this.inhaltY += this.speed;
else this.inhaltY = -this.inhaltHoehe;
this.css.top = this.inhaltY;
}
function TickerStop() {
if (this.timer) clearTimeout(this.timer);
}
function init(){
if (!dhtml) return;
einTicker = new Ticker(„einTicker“, „tickerDiv“, „tickerText“, 350);
einTicker.hoch();
}
//–>
Das ist der Ticker-Text.
Hier kann auch irgend ein HTML-Code stehen.
Wie dieses Bild z.B.
Es sind natürlich auch Links möglich.
[schneller](javascript:if(dhtml)%20void(einTicker.speed*=2))
[langsamer](javascript:if(dhtml)%20void(einTicker.speed/=2))
[stop](javascript:if(dhtml)%20einTicker.stop())
[runter](javascript:if(dhtml)%20einTicker.runter())
[hoch](javascript:if(dhtml)%20einTicker.hoch())
[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]