scrolling image/swf on webpage

**jmanbusan** · 01-17-2008, 04:04 PM

looking for a script that would let me place a swf file and have scroll down a page as the user scrolls..

**coothead** · 01-18-2008, 11:21 AM

Hi there jmanbusan,

and a warm welcome to these forums.

Have a look at this CSS method, it may suit your requirements...

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
html,body {
    margin:0;
    padding:0;
    background-color:#333;
 }
#swf_container {
    width:360px;
    height:240px;
    border:3px double #f00;
    position:fixed;
    top:20px;
    left:20px;
 }
#swf_container object {
    width:100%;
    height:100%;
 }
#lorem {
    width:400px;
    padding:10px;
    border:3px double #999;
    font-size:0.8em;
    text-align:justify;
    background-color:#fff;
    margin:20px auto;
}
  
</style>

<!--[if IE 6]>
<style type="text/css">
html,body {
    height:100%;
    overflow:auto;
    text-align:center;
 }
#swf_container {
    position:absolute;
 }
</style>
<![endif]-->

</head>
<body>

<div id="swf_container">
<object type="application/x-shockwave-flash" data="http://mysite.orange.co.uk/azygous/images/radiate.swf">
<param name="movie" value="http://mysite.orange.co.uk/azygous/images/radiate.swf" />
</object>
</div>

<div id="lorem">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras volutpat, purus ac pellentesque 
adipiscing, mauris ligula convallis metus, vitae scelerisque nibh orci quis mi. Cum sociis natoque 
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur porttitor aliquam 
libero. Quisque molestie ornare sem. Nam euismod sem lacinia ipsum. In pharetra metus ut dolor 
cursus aliquam. Maecenas eu ante quis enim tincidunt laoreet. Pellentesque varius nunc in ipsum 
pulvinar sollicitudin. Nunc et mi. Donec auctor dignissim orci. Aliquam sed magna. Pellentesque 
in dui. In eget elit. Praesent eu lorem.
</p><p>
Cras cursus varius pede. Cras dolor lorem, convallis sed, venenatis ac, aliquam vitae, orci. 
Duis diam massa, adipiscing quis, aliquam eget, ornare eu, lectus. Sed rutrum augue non purus. 
Integer vel mauris. Nam suscipit molestie lectus. Fusce laoreet interdum eros. Pellentesque sit 
amet enim id nunc adipiscing ultricies. Quisque lobortis eleifend elit. Sed eu augue sed felis 
vulputate iaculis. Cras lorem felis, lobortis id, accumsan vel, facilisis quis, dolor. Curabitur 
aliquet. Nulla facilisi. Proin nunc velit, posuere sit amet, porttitor et, volutpat a, massa. 
Maecenas elementum volutpat justo. Pellentesque magna neque, dictum id, rhoncus a, fringilla et, 
nulla. Phasellus placerat gravida purus. Pellentesque odio. Sed volutpat vehicula nulla. Quisque 
metus urna, semper eget, aliquam ac, feugiat nec, massa.
</p><p>
Nullam pharetra quam quis metus. Proin feugiat lacinia mauris. Cum sociis natoque penatibus et 
magnis dis parturient montes, nascetur ridiculus mus. Praesent faucibus erat quis ante. Suspendisse 
eu tellus. Donec sit amet ante in nisl dapibus condimentum. Proin diam. Curabitur egestas felis 
iaculis lorem. Aliquam sit amet risus ut nulla sollicitudin scelerisque. Mauris viverra hendrerit 
augue. Morbi eu sapien sed enim rutrum blandit. Quisque feugiat. Pellentesque luctus sagittis est. 
Donec dolor sem, bibendum ac, porta in, rutrum sit amet, dui. Ut libero turpis, tempus nec, venenatis 
at, tincidunt ac, sem.
</p><p>
Cras dictum semper ante. Vivamus fermentum, neque non commodo congue, lacus lectus elementum elit, 
vitae placerat nisl nibh vitae tortor. In molestie fermentum tellus. Nunc dolor quam, venenatis vel, 
gravida sit amet, imperdiet sit amet, mi. Nulla facilisi. Nunc pede orci, elementum eget, facilisis 
id, viverra vel, leo. Duis eu mauris eget felis lobortis iaculis. Etiam elit metus, posuere ut, tempor 
eget, commodo eget, leo. Vivamus elementum. Quisque fringilla orci sit amet nulla.
</p><p>
Praesent ut magna ut nibh porttitor vestibulum. Donec ac mauris sit amet elit egestas condimentum. Duis 
varius euismod orci. Proin sapien turpis, posuere vitae, tincidunt at, iaculis mattis, magna. Proin 
rutrum euismod metus. Maecenas ut ante. Pellentesque tincidunt. Quisque nibh mauris, luctus eu, 
elementum in, convallis at, ante. Cras vehicula augue vitae nibh. Suspendisse ut metus. Cras sit amet 
neque. Morbi fringilla metus in est. Vivamus eleifend, nunc sit amet faucibus lacinia, ligula massa 
fringilla tellus, id pulvinar pede enim posuere sem. Praesent sodales sem et neque. Suspendisse 
pellentesque. Nam non justo sit amet turpis imperdiet sodales. Donec libero nisl, porta id, laoreet 
faucibus, sodales in, nulla. Aenean molestie, urna sit amet hendrerit sollicitudin, diam lorem 
rhoncus ipsum, a euismod pede mi quis sapien. Integer gravida porta eros. Nunc ultrices eros non nisi.
</p><p>
</div>

</body>
</html>

coothead

Thread: scrolling image/swf on webpage

Thread Tools

Search Thread

scrolling image/swf on webpage

Bookmarks

Bookmarks

Posting Permissions