Notifikationer

Markér alle som læst Log ud

rangerbs Nybegynder

07. september 2003 - 21:38 Der er 4 kommentarer og
1 løsning

billeder som scroll

Hej eksperter...

Jeg er igang med at lave en hjemmeside, men jeg har et problem...

Ja, i kan selv se det her
http://jeppedk.1go.dk/design/fisk.html
hvis i prøver at scolle på dem begge kan i se at de er forbundet.. og det skal de ikke være

hvad gør jeg forkert?

mvh Ranger

Synes godt om

socle Nybegynder

07. september 2003 - 21:44 #1

de to layers der indeholder teksten har samme id, browseren vælger den første, og derfor scrolles der kun i den. en løsningen kan være at sætte layer id'en ind i moveup of movedown funktionskaldene, så funktioenrne kan finde ud af hvilken layer det drejer sig om.

Synes godt om

rangerbs Nybegynder

07. september 2003 - 21:45 #2

Jeg har kun copy/pastet det da jeg ikke kan finde ud af javascript, men hvis du gider at lave det om og poste det her. ville det være godt :D

Jeg kan sagtens sætte points op

mvh ranger

Synes godt om

socle Nybegynder

07. september 2003 - 22:32 #3

det her virker i ie og ns6 (tror jeg):

<HTML>
<HEAD>
<TITLE>design5</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style type="text/css">

</style>
</HEAD>
<BODY BGCOLOR=#222222 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 scroll="no">

<TABLE WIDTH=1024 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/1.jpg" WIDTH=16 HEIGHT=162 ALT=""></TD>
<TD>
<IMG SRC="images/2.jpg" WIDTH=449 HEIGHT=162 ALT=""></TD>
<TD>
<IMG SRC="images/3.jpg" WIDTH=33 HEIGHT=162 ALT=""></TD>
<TD>
<IMG SRC="images/4.jpg" WIDTH=526 HEIGHT=162 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/design5_05.gif" WIDTH=16 HEIGHT=27 ALT=""></TD>
<TD background="images/design5_06.gif"><font class="bold"><a href="knud.dk">Profil</a> | <a href="knud.dk">Fritid</a> | <a href="knud.dk">Webdesign</a> | <a href="knud.dk">Kontakt</a></font></TD>
<TD>
<IMG SRC="images/design5_07.gif" WIDTH=33 HEIGHT=27 ALT=""></TD>
<TD>
<IMG SRC="images/design5_08.gif" WIDTH=526 HEIGHT=27 ALT=""></TD>
</TR>
<TR>
<TD background="images/design5_09.gif">
</TD>
<TD background="images/design5_10.gif" valign="top"><script type="text/javascript">

/******************************************
* Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/

iens6=document.all||document.getElementById
ns4=document.layers

//specify speed of scroll (greater=faster)
var speed=3

if (iens6){
document.write('<div id="container1" style="position:relative;width:448px;height:270px; overflow:hidden">')
document.write('<div id="content1" style="position:absolute;width:445px;left:2;top:2">')
}
</script>

<ilayer name="nscontainer1" width=445 height=270 clip="0,0,175,160">
<layer name="nscontent1" width=445 height=270 visibility=hidden>


<font size="2" face="Verdana">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </font>


</layer>
</ilayer>

<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>

<script language="JavaScript1.2">

function movedown(hvem){
if (iens6){
var crossobj=document.getElementById? document.getElementById("content" + hvem) : document.all.content + hvem
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent + hvem
var contentheight=crossobj.clip.height
}

if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown(" + hvem + ")",20)
}

function moveup(hvem){
if (iens6){
var crossobj=document.getElementById? document.getElementById("content" + hvem) : document.all.content + hvem
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent + hvem
var contentheight=crossobj.clip.height
}

if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup(" + hvem + ")",20)

}

function getcontent_height(){

if (iens6){
var numlay = document.getElementsByTagName("div")
for (i=0; i<numlay.length;i++){
if(numlay[i].id.substr(0,7) == "content")
contentheight=numlay[i].offsetHeight
}
}
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>

<table width="435px"><td><p align="right">
<a href="#" onMouseover="moveup('1')" onMouseout="clearTimeout(moveupvar)"><img src="images/up.gif" border="0"></a> <a href="#" onMouseover="movedown('1')" onMouseout="clearTimeout(movedownvar)"><img src="images/down.gif" border=0></a></p></td>
</table>

</TD>
<TD>
<IMG SRC="images/design5_11.gif" WIDTH=33 HEIGHT=309 ALT=""></TD>
<TD background="images/design5_12.gif" valign="top"><script type="text/javascript">

if (iens6){
document.write('<div id="container2" style="position:relative;width:448px;height:270px; overflow:hidden">')
document.write('<div id="content2" style="position:absolute;width:445px;left:2;top:2">')
}
</script>

<ilayer name="nscontainer2" width=445 height=270 clip="0,0,175,160">
<layer name="nscontent2" width=445 height=270 visibility=hidden>


<font size="2" face="Verdana">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla ba </font>


</layer>
</ilayer>

<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>

<table width="435px"><td><p align="left">
<a href="#" onMouseover="moveup('2')" onMouseout="clearTimeout(moveupvar)"><img src="images/up.gif" border="0"></a> <a href="#" onMouseover="movedown('2')" onMouseout="clearTimeout(movedownvar)"><img src="images/down.gif" border=0></a></p></td>
</table>

</TD>
</TR>
<TR>
<TD>
<IMG SRC="images/design5_13.gif" WIDTH=16 HEIGHT=102 ALT=""></TD>
<TD>
<IMG SRC="images/design5_14.gif" WIDTH=449 HEIGHT=102 ALT=""></TD>
<TD>
<IMG SRC="images/design5_15.gif" WIDTH=33 HEIGHT=102 ALT=""></TD>
<TD>
<IMG SRC="images/design5_16.gif" WIDTH=526 HEIGHT=102 ALT=""></TD>
</TR>
</TABLE>

</BODY>
</HTML>

Synes godt om

rangerbs Nybegynder

08. september 2003 - 15:03 #4

mange tak.. det virker helt perfekt, men virker det også i browsere som er ældrere end ns6?

Synes godt om

socle Nybegynder

08. september 2003 - 15:16 #5

det oprindelige skript er lavet så det skelner mellem ns6/ie og ns4. Mine ændringer gør at det ikke virker i ns4 (så vidt jeg kan regne ud).

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS