Archivlink: javarea.de Forum > JavaScript > Script für statisches Bild???
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Script für statisches Bild???

Pages: [1]

geschrieben von rave am 18.08.2005 - 11:21
Tach zusammen,

ganz blöde Frage, gibt es ein Script in der Form wie unten, nur dass ich statt eines Textscrollers ein Bild statisch am unteren Bildschirmrand habe, welches dort kleben soll?

Ich benötige das für eine Startseite, auf der ich ein Bild in den Hintergrund eingearbeitet habe, da der Hintergrund keine einzelne Farbe, sondern nur eine Farbmischung ist. Leider schiebt sich das Bild bei Ansicht auf dem Laptop nach oben, so dass man die Ränder unten sieht. Was auch noch das ganze Layout kaputt macht, ist, dass ich es nicht geregelt bekomme, dieses Bild im Hintergrund immer zentriert auf dem Bildschirm erscheinen zu lassen, wenn man die Favoriten schliesst!

War das durcheinander? Na ja, so ist es momentan in meiner Birne...

LG
rave

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71: 
72: 
73: 
74: 
75: 
76: 
77: 
78: 
79: 
80: 
81: 
82: 
83: 
<body onload="TickerInit()">
<style type="text/css">
body {margin:0px;} 
#cont {position:absolute; top:-100px; left:0px; width:100%; height:18px; overflow:hidden; visibility:hidden;}
#text {position:relative; left:2000px; height:18px; font-family:tahoma,arial,helvetica,sans-serif; font-size:14px; font-weight:bold;}
#text a {color:#ffff99; font-family:tahoma,arial,helvetica,sans-serif; font-size:14px; font-weight:bold; text-decoration:none;}
#text a:hover{color:#ff0000; font-family:tahoma,arial,helvetica,sans-serif; font-size:14px; font-weight:bold; text-decoration:none;}
</style>
<script language="JavaScript1.2" type="text/javascript">
/************************************************************************  
Script made by Martial Boissonneault © 2001 http://getElementById.com/ 
This script may be used and changed freely as long as this msg is intact
Visit http://getElementById.com/  for more free scripts and tutorials.
*************************************************************************/
var ie5 = (document.getElementById && document.all);
var ns6 = (document.getElementById && !document.all);

var nWidth = 1000;          // width of text; more text you have higher this number is.
var nSpeed = 2;            // the speed of the ticker.
var nBgOff = "#426099";    // the background-color onmouseout.
var nBgOn  = "#aabbdd";    // the background-color onmouseover.
var nCoOff = "#aabbdd";    // the font-color onmouseout.
var nCoOn  = "#426099";    // the font-color onmouseover.

/* You don't have to edit below this line */

var nEnd = -nWidth;  
var nLeft = nWidth;
var timerTt = null;
var timerSt = null;

function Statik() {
    if(ie5) {
        scrollY = document.body.scrollTop;
        innerHeight = document.body.clientHeight;
}
    if (ie5 || ns6) {
        obj.style.top = (innerHeight - obj.offsetHeight) + scrollY;
        obj.style.left = 0;
	obj.style.width = 100 + "%";
	timerSt=setTimeout("Statik()", 10);
	}
}

function TickerTape(){
    if(ie5) {
        innerWidth = document.body.clientWidth;
}
    if(ie5 || ns6) {
        obj.style.backgroundColor = nBgOff;
	obj.style.color = nCoOff;
        tck.style.left = nLeft;
        tck.style.width = nWidth;
        nLeft = nLeft - nSpeed;
        if( nLeft < nEnd ) {nLeft = innerWidth;}
        timerTt=setTimeout('TickerTape()', 30);
    }
}

function StopIt(){
        clearTimeout(timerTt);
        obj.style.backgroundColor = nBgOn
	obj.style.color = nCoOn
}

function TickerInit(){
    if(ie5 || ns6) {
        tck = document.getElementById('text');
        obj = document.getElementById('cont');
        obj.style.visibility = "visible";
        obj.onmouseover=StopIt;
        obj.onmouseout=TickerTape;
        TickerTape();
	Statik();
    }
}
</script>

<div id="cont"> 
<div id="text">
javarea.de - eine der größten Javascriptseiten im Deutschen Raum   +++++    Hier finden Sie Scripte, Applets, Tools uvm.
</div>
</div>

geschrieben von Cluster am 18.08.2005 - 12:09
Hallo!

Take a look at here http://www.javarea.de/index.php3?op....amp;id=275 - das sollte das sein, was Du suchst.

geschrieben von rave am 18.08.2005 - 13:43
Hey Cluster,

vielen Dank. Werd´s gleich mal probieren und dann hier noch mal Bescheid geben.

geschrieben von Soidberg am 23.08.2005 - 13:01
@cluster

Gibt es eigentlich eine Möglichkeit das Skript http://www.javarea.de/index.php3?op....amp;id=275 so umzuschreiben das kein endlosboden entsteht?

Also ich habe einen Firefox 1.6 und bei mir kann ich nach unten Scrollen bis ich blau werde....

Gruß Soidberg

geschrieben von Cluster am 23.08.2005 - 13:11
Hallo!

Hast Du den von mir geposteten Link mal mit dem FireFox angesehen? Kann leider Dein Problem nicht nachvollziehen, weil, wenn ich mir diese Seite im FireFox anschaue, ich leider keinen "Endlosboden" sehen kann ?!?

Poste vielleicht mal einen Link Deiner Seite, in welcher das Script eingebaut ist.

geschrieben von Soidberg am 23.08.2005 - 13:24
Nee, funktioniert bei dem Skript von Javarea (schon gepostet) auch.
Wenn ich den Scrollbalken mit der Mouse anpacke und ihn herunterziehe, dann wird die Scrollbewegung zwar langsamer gegen ende, ich kann aber immer weiter herunter ziehen...

So ist am schluß nix mehr zu sehen von der Homepage..

Ich selber habe es genau aus diesem Grund nicht eingebaut.

Aber wenn Du eine Lösung findest dann ist es sofort bestandteil meiner HP.

Gruß Soidberg

geschrieben von Cluster am 23.08.2005 - 13:34
Hallo Soidberg,

habe mir das jetzt nochmal genauer angeschaut und konnte den von Dir beschriebenen Effekt auch nachvollziehen.

Habe mir auch nochmal genauer den Quelltext des Scripts angeschaut, allerdings reichen meine Kenntnisse dazu nicht aus zu wissen, warum er trotzdem weiter runter scrollen lässt - habe leider keinen blassen Schimmer, wie man das abstellen kann.

Sorry.

geschrieben von Soidberg am 23.08.2005 - 13:39
Na gut...also brauchen wir HILFE!!! Wer ist den Profi...Rene oder?

Mal bescheid sagen...

Danke dir trotzdem ...

Gruß Soidberg


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.