[JS] Meescrollende voorwerpen - Softwareontwikkeling

donderdag 5 februari 2004 13:04

Acties:

Verwijderd

Topicstarter

Ik zit met het script hieronder met het volgende probleem:

De bedoeling is dat de 2 plaatjes meegaan als er gescrolld wordt. In deze opzet gaat dat goed, maar bij het opstarten van de pagina, glijden de knopjes van boven naar beneden, de bedoeling is dat deze al op de juiste positeit staan bij het laden. Ik heb al dieverse zaken geprobeerd, maar het wil nog niet erg lukken.

Het script lijkt misschien een rommel, het is een samenvoegsel van diverse andere scripts. Ik heb ook al andere scripts geprobeerd, maar die worden niet ondersteund door alle browsers (zoals bijvoorbeeld NS7).

code:

<HTML>
<HEAD>
<title>TEST</title>
<style type="text/css">
  #slide2 { Position: Absolute; Left: 0; bottom: 10; Visibility: Visible; z-index: 2; }
</style>
</HEAD>

<body>

<SCRIPT TYPE="text/javascript">
<!--
  var ns4up = (document.layers)                                ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all)         ? 1 : 0;
  var op5up = (navigator.userAgent.indexOf('Opera')>0&&!ns6up) ? 1 : 0;
  var ie4up = (document.all && !op5up)                         ? 1 : 0;

  var NS = (document.layers)                          ? 1 : 0;
  var IE = (document.all)                             ? 1 : 0;
  var OP = (navigator.userAgent.indexOf('Opera') > 0) ? 1 : 0;
  if (IE && !OP)  { hoogte = document.body.offsetHeight }
  else            { hoogte = window.innerHeight }
  
  //self.onError=null;
  //var lastScrollY = 0;
  var lastScrollY = 30;
  
  function heartBeat() {
    if(ie4up)       { diffY = document.body.scrollTop; }
    else            { diffY = self.pageYOffset; }
    if(diffY != lastScrollY) {
       percent = .03 * (diffY - lastScrollY + hoogte - 30);
       //percent = .03 * (diffY - lastScrollY + 250);
       if(percent > 0) { percent = Math.ceil(percent); }
       else            { percent = Math.floor(percent);}
       if(ie4up || op5up) { document.all.slide2.style.pixelTop += percent; }
       else if(ns4up)     { document.slide2.top                += percent; }
       else if(ns6up)     { document.getElementById('slide2').style.top = diffY + lastScrollY - diffY;}
       lastScrollY = lastScrollY + percent;
    }
  }
  if(ns4up || ie4up || op5up || ns6up) { action = window.setInterval("heartBeat()", 15); }
-->
</SCRIPT>

<span ID="slide2">
[img]"plaatje1.gif"[/img]
[img]"plaatje2.gif"[/img]
</span>

<table>
<tr>
<td width=100>&nbsp;</td>
<td>PLAATS HIER HEEL VEEL TEKST</td>
</tr>
</table>

</body>
</HTML>

donderdag 5 februari 2004 13:56

Acties:

André

Analytics dude

Ik heb het script eens bekeken maar het zuigt best wel. Je kunt de plaatjes ook moeilijk onderaan laten beginnen.

Ik zou op zoek gaan naar een kant en klaar goed script.

donderdag 5 februari 2004 14:08

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

mozilla, en msie5 voor mac, en volgens mij ook Opera ondersteunen allen position: fixed;
gebruik dat, dan kun je voor msie/PC een scriptje gebruiken dat enkel die ondersteuning levert.

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

donderdag 5 februari 2004 14:13

Acties:

André

Analytics dude

RM-rf schreef op 05 februari 2004 @ 14:08:
mozilla, en msie5 voor mac, en volgens mij ook Opera ondersteunen allen position: fixed;
gebruik dat, dan kun je voor msie/PC een scriptje gebruiken dat enkel die ondersteuning levert.

Heb je gezien wat het script doet? Hij houd het plaatje op zijn plek maar doet dat al slidend. En met position fixed blijft hij echt staan.

donderdag 5 februari 2004 14:25

Acties:

Reveller

Hopla!

bedoel je dit? Da's gewoon met stylesheets gedaan...

"Real software engineers work from 9 to 5, because that is the way the job is described in the formal spec. Working late would feel like using an undocumented external procedure."

donderdag 5 februari 2004 14:46

Acties:

Verwijderd

Topicstarter

Dat is met een achtergrondplaatje gedaan.
Dat is dus net niet de bedoeling.
Ik wil er diverse plaatjes (linkjes) in kunnen plaatsen