nargy | Essaye ça:
(Attention il te faut mettre une page initiale ``pageg0.html`` sinon il affiche une page blanche au lieu de noir)
Code :
- <html>
- <body marginwidth=0 paddingwidth=0 style="margin-right:0px;margin-left:0px;padding-right:0px;padding-left:0px;" text=white bgcolor="#000000" alink=white vlink=white link=white>
- <center>Titre</center>
- <script>
- // mettre les urls des pages ici
- var urls=new Array(
- 'pageg1.html',
- 'pageg2.html',
- 'pageg3.html',
- 'pageg4.html'
- );
- // mettre les images en preload ici
- var images=new Array(
- 'fond1.jpg',
- 'fond2.jpg',
- 'fond3.jpg'
- );
- var scrollspeed=16; // puissances de 2: 1, 2, 4, 16
- var scrollamount=0;
- var scrollposition=0;
- </script>
- <div style="width:1024px;height:450px;overflow:hidden;">
- <iframe src="pageg0.html" id="bandeau1" marginwidth=0 marginheight=0 scrolling=auto frameborder=0 width=1024 height=450 style="background-color:#000000;position:relative;">
- </iframe>
- <iframe src="pageg0.html" id="bandeau2" marginwidth=0 marginheight=0 scrolling=auto frameborder=0 width=1024 height=450 style="background-color:#000000;position:relative;">
- </iframe>
- </div>
- <script>
- <!--
- var page=1;
- function changepage()
- {
- if(scrollposition<page*1024-1024-512)
- scrollamount+=scrollspeed;
- else if(scrollposition<page*1024-1024)
- scrollamount-=scrollspeed;
- else if(scrollposition==page*1024-1024)
- scrollamount=0;
- else if(scrollposition<page*1024-1024+512)
- scrollamount+=scrollspeed;
- else
- scrollamount-=scrollspeed;
- scrollposition=scrollposition+scrollamount;
- var bandeau1=document.getElementById('bandeau1');
- bandeau1.style.left=-scrollposition+'px';
- var bandeau2=document.getElementById('bandeau2');
- bandeau2.style.left=(-scrollposition+1024)+'px';
- setTimeout("changepage()",100);
- }
- window.scrollbars=false;
- var bandeau2=document.getElementById('bandeau2');
- bandeau2.style.top='-451px';
- changepage();
- function affichepage(num)
- {
- var bandeau=null;
- if(page==1)
- var bandeau=document.getElementById('bandeau2');
- else
- var bandeau=document.getElementById('bandeau1');
- bandeau.src=urls[num];
- if(page==1)
- page=2;
- else
- page=1;
- }
- function preloadfonds()
- {
- for(i=0;i<images.length;i++)
- { var img=new Image(); img.src=images[i]; }
- }
- setTimeout('preloadfonds()',1);
- affichepage(0);
- -->
- </script>
- <center>
- <a href="javascript:void(0);" onclick="javascript:affichepage(0);">[Page 1]</a>
- <a href="javascript:void(0);" onclick="javascript:affichepage(1);">[Page 2]</a>
- <a href="javascript:void(0);" onclick="javascript:affichepage(2);">[Page 3]</a>
- <a href="javascript:void(0);" onclick="javascript:affichepage(3);">[Page 4]</a>
- </center>
- </body>
- </html>
|
pageg0.html:
Code :
- <html>
- <body style="background:black;" bgcolor=black>
- </body>
- </html>
|
|