Hallöchen! Ich muss euch leider schon wieder belästigen...nachdem ich jetzt dieses super Script gefunden hab wollte ich es gleich in meine Site einbauen, aber das klappt nicht ganz, weil ich schon ein Rollover Script drin hab...
In dem Script steht dazu:
/***************
Multiple Scripts
If you have two or more scripts that use the onload event, probably only one will run (the last one).
Here is a solution for starting multiple scripts onload:
1. Delete or comment out all the onload assignments, onload=initScroll and things like that.
2. Put the onload assignments in the body tag like in this example, note that they must have braces ().
Example: <body onload="initScroll(); initTooltips(); initMenu();">
**************/
hier ist das script für das Scrollen und da ist mein Quelltext für die Rollover Bildchen...
Ich blick da absolut nicht durch! Könnt ihr vielleicht mal kucken?
Hi Maquita,
also das onload=scrollinit; in dem Script machste raus und setzt es dafür in den body onload Befehl mit rein, und zwar so: onLoad="scrollinit(), MM_Preload....usw". Du kannst also, durch Kommata getrennt, soviele onload-Funktionen aufrufen wie Du willst. Mit den div's musst Du dann ein wenig rumspielen, die haben bei mir in Deinem Quellcode erst gefunzt, nachdem ich ihnen einen z-index verpasst habe. Hoffe, ich habe mich unklar genug ausgedrückt ;-)
Grüße, AnnaStesia
Dankschön für die schnelle Antwort erstmal...
Ich kann's zwar erst heut abend ausprobieren, weil ich noch auf der Arbeit bin, aber ich das hört sich gut an...das könnte klappen...
Das mit dem z-Index hängt doch damit zusammen, wie die Reihenfolge der divs ist...also praktisch wie mit den Layern in Photoshop, gell?
Ja also, ich hoffe doch, dass es funktioniert - aber wie gesagt, da erwartet Dich noch ein ziemliches Gefummel, bis Du das in Deine Seite implementiert hast...
Das mit den div's hast Du richtig erkannt, wie in Photoshop; das div mit dem höchsten z-index liegt oben, das mit dem niedrigsten unten. Schreibst Du Deinen Code eigentlich per Hand oder mit welchem Programm machst Du das? In Dreamweaver vergibt er diese Geschichten (z-index, id name, usw) praktischerweise automatisch :-)
Viele Grüße,
AnnaStesia
Hm...das dachte ich mir, dass das net so einfach wird, aber ich will das unbedingt da drin haben, jetzt wo ich solange danach gesucht hab...
Na ja...eigentlich mach ich das mit Dreamweaver MX...
Einfügen --> Ebene sollte eigentlich zum gewünschten Ergebnis führen - und ich mein, warum tippen, wenn's auch bequemer geht
Stimmt...
Hier ist mal mein Quellcode, ich hab mal ein Rollover eingebaut und schon geht nix mehr! Ich verzweifle noch da dran!
<html>
<head>
<title>.:Maquita.de - The trick is to keep breathin:.</title>
<style type="text/css">
#divControl {position:absolute; left:470px; top:530px; width:250px; font-size:10pt; font-family:arial,helvetica,sans-serif; visibility:hidden;}
#divCont {position:absolute; left:200px;top:70px; width:350px; height:450px; clip:rect(0px 350px 450px 0px);}
.clScroll {position:absolute; font-size:8pt; font-family:Verdana; visibility:hidden;}
</style>
<script language="JavaScript" type="text/javascript">
/**********************************************************************************
PageScroll
* Copyright (C) 2001 Thomas Brattli
* This script was released at DHTMLCentral.com
* Visit for more great scripts!
* This may be used and changed freely as long as this msg is intact!
* We will also appreciate any links you could give us.
*
* Made by Thomas Brattli
*
* Script date: 09/23/2001 (keep this date to check versions)
*********************************************************************************/
function lib_bwcheck(){ //Browsercheck (needed)
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=(navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf("Mac")>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
}
var bw=lib_bwcheck()
/*********************************************************************************
These are the variables you have to set:
*********************************************************************************/
//The speed of the timeout between each scroll.
timSpeed = 50
//The height of the container (change this when it scrolls to much or to little)
contHeight = 100
/*********************************************************************************
This is the object constructor function, which applies
methods and properties to the Cross-browser layer object
*********************************************************************************/
function makeScrollObj(obj,nest){
nest=(!nest) ? "":'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.height=bw.ns4?this.css.document.height:this.el.offsetHeight
this.top=b_gettop
return this
}
// A unit of measure that will be added when setting the position of a layer.
var px = bw.ns4||window.opera?"":"px";
//Getting the top for the top method
function b_gettop(){
var gleft=(bw.ns4 || bw.ns6)?parseInt(this.css.top):eval(this.css.pixelTop);
return gleft;
}
//Variables
var scrollTim = 1;
var active = 0;
/*********************************************************************************
The scroll function. Checks what way to scroll and checks if the
layer is not already on top or bottom.
*********************************************************************************/
function scroll(speed){
clearTimeout(scrollTim)
way = speed>0?1:0
if ((!way && oScroll[active].top()>-oScroll[active].height+contHeight) || (oScroll[active].top()<0 && way)){
oScroll[active].css.top = (oScroll[active].top()+speed)+px
scrollTim = setTimeout("scroll("+speed+")",timSpeed)
}
}
//Clears the timeout so the scroll stops, this is called onmouseout.
function noScroll(){
clearTimeout(scrollTim)
}
/*********************************************************************************
Changes the active layer. Hides the one that's visible and
shows the "new" one. Also set's the new layers top to
0 so it starts at top.
*********************************************************************************/
function changeActive(num){
oScroll[active].css.visibility = "hidden"
active = num
oScroll[active].css.top = 0+px
oScroll[active].css.visibility = "visible"
}
/*********************************************************************************
Initilizes the page, makes a oScroll Array and calls the object constructor.
Here you can add as many scrollObjects as you want
*********************************************************************************/
function scrollInit(){
oScroll = new Array()
// You can add and remove scrollObjects here.
oScroll[0] = new makeScrollObj('divScroll1','divCont')
oScroll[1] = new makeScrollObj('divScroll2','divCont')
oScroll[2] = new makeScrollObj('divScroll3','divCont')
oScroll[3] = new makeScrollObj('divScroll4','divCont')
oScroll[0].css.left = 0+px
oScroll[0].css.top = 0+px
oScroll[0].css.visibility = "visible"
oControl = new makeScrollObj('divControl')
oControl.css.visibility = "visible"
}
/*********************************************************************************
Executes the scrollInit function on pageload.
*********************************************************************************/
<!--onload = scrollInit;
/***************
Multiple Scripts
If you have two or more scripts that use the onload event, probably only one will run (the last one).
Here is a solution for starting multiple scripts onload:
1. Delete or comment out all the onload assignments, onload=initScroll and things like that.
2. Put the onload assignments in the body tag like in this example, note that they must have braces ().
Example: <body onload="initScroll(); initTooltips(); initMenu();">
**************/
</script>
<style type="text/css">
<!--
@import url("Hintergrund.css");
@import url("text.css");
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="scrollInit(); MM_preloadImages('images/neu_on.gif');">
<div id="divControl">
<a href="#" onclick="changeActive(0); return false">[1]</a>
<a href="#" onclick="changeActive(1); return false">[2]</a>
<a href="#" onclick="changeActive(2); return false">[3]</a>
<a href="#" onclick="changeActive(3); return false">[4]</a>
<a href="#" onmouseover="scroll(5)" onmouseout="noScroll()" onclick="return false"><img src="images/up.gif" border=0></a>
<a href="#" onmouseover="scroll(-5)" onmouseout="noScroll()" onclick="return false"><img src="images/down.gif" border=0></a>
</div>
<div id="divCont">
<div id="divScroll1" class="clScroll">
<p align="center"> <b>Hallöchen und Herzlich Willkommen auf <br>
meiner Homepage!<br>
</b><br>
Wie ihr seht ist noch nicht viel fertig...ihr müsst euch also <br>
noch eine Weile gedulden, denn ich mach im Moment <br>
Prakikum und hab deshalb nicht so viel Zeit mich um <br>
meine Website zu kümmern...aber in vier Wochen (jetzt <br>
sind's nur noch 3!) bin ich fertig und dann gibt's mehr...
<p align="center"><strong>25.09.2002<br>
</strong>Heute gibt's was neues unter "Über mich"...Es geht
voran...
Bisher funktionieren die beiden Smilies und das Handy...also klickt mal<br>
drauf...
<p align="center"><strong>22.09.2002</strong><br>
Unter der Axt findet ihr jetzt einen kleinen Vorgeschmack!
<p align="center"><b>17.09.2002</b><br>
So...jetzt hat's auch mit dem Hintergrund geklappt!
<p align="center"><b>16.09.2002 </b><br>
Hab heute Abend die Newssection mal hochgeladen, damit ihr<br>
wenigstens schon mal seht, wie die Seite später aussehen wird, <br>
wenn sie fertig ist, nachdem ich schon 42 Zugriffe hatte, obwohl noch<br>
gar nix von der Seite online ist und ich auch eigentlich noch nicht wirklich<br>
Werbung gemacht hab...
übrigens alle noch nicht, aber ab morgen gibt's vielleicht was neues!
</p>
<p align="center"><b>15.09.2002</b><br>
Die Startseite ist online! Wer hätt's gedacht?! <br>
</p>
</div>
<div id="divScroll2" class="clScroll">
This is "page" 2...........
<br>text textdummy texttext text dummy texttext text dummy text<br>
<br>text text dummy text text text dummy text text text dummy text <br>
text text dummy texttext text dummy texttext text dummy text<br>
<br>text text dummy text text text dummy text text text dummy text <br>
<br>text textdummy texttext text dummy texttext text dummy text<br>
<br>text text dummy text text text dummy text text text dummy text <br>
text text dummy texttext text dummy texttext text dummy text<br>
<br>text text dummy text text text dummy text text text dummy text <br>
</div>
<div id="divScroll3" class="clScroll">
This is "page" 3...........(can't scroll this one, to little content)
<br>
</div>
<div id="divScroll4" class="clScroll">
Page 4
text text dummy texttext text dummy texttext text dummy text<br>
<br>ext text dummy texttext text dummy texttext text dummy text<br>
<br>text text dummy texttext text dummy texttext text dummy text<br>
<br>text text dummy texttext text dummy texttext text dummy text<br>
<br>text text dummy texttext text dummy texttext text dummy text<br>
</div>
</div>
<!--Logo-->
<div style="position: absolute; top: 20px; left: 647px;"> <a href="mailto:maquita@maquita.de"><img src="images/logo2.gif" alt="Mail mir!!!!!!!!!" border=0></a>
</div>
<div style="position: absolute; top: 1px; left: 183px;"> <img src="images/neu_font.gif" width="93" height="64">
</div>
<!--Navigation-->
<!--Neu-->
<div id="Layer1" style="position:absolute; z-index:1; left: 68px; top: 32px;"><a href="home.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Neu','','images/neu_on.gif',1)"><img src="images/neu.gif" alt="Neu" name="Neu" width="47" height="46" border="0"></a></div>
</body>
</html>
Ich hab's geschafft!!! Man musste das onload einfach nur rauslöschen!!! Hm....
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
LinkBack URL
About LinkBacks
Zitieren