# Swf in container

**URL:** <https://forum.kirupa.com/t/swf-in-container/318998>\
**Category:** Uncategorized\
**Created:** [February 5, 2011, 8:33pm UTC](https://forum.kirupa.com/t/swf-in-container/318998 "2011-02-05T20:33:56Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![blueb2200](https://avatars.discourse-cdn.com/v4/letter/b/67e7ee/32.png) [@blueb2200](https://forum.kirupa.com/u/blueb2200)\
**Post date:** [February 5, 2011, 8:33pm UTC](https://forum.kirupa.com/t/swf-in-container/318998/1 "2011-02-05T20:33:56Z")

</div>

I’m pretty new to all of this and need some help trying to load a swf file in a container.

What I have is a thumbnail gallery where I have thumbnails on the right side of the page and when you click on the thumbnail it pops on the left side of the page in a container. So what I want to do is keep the same format so you can click on the thumbnail then the swf file appears instead of an exploded image. This is what I have.

\<style type=“text/css”\>  
img { border: 0px }

#container {  
text-align: center;  
border: 0px;  
margin: 0 auto;  
padding: 0px  
}

#leftcol img {  
}

#rightcol img {  
}

\</style\>

```
&lt;td width="80" height="421"&gt;&nbsp;&lt;/td&gt;
&lt;td width="673"&gt;&lt;div align="center"&gt;&lt;img src="images/AF.jpg" name="ImageOnly" align="absmiddle" /&gt;&lt;/div&gt; &lt;/div&gt;&lt;/td&gt;
&lt;td width="71"&gt;&nbsp;&lt;/td&gt;
&lt;td width="318" valign="middle"&gt;&lt;div id="leftcol"&gt;
  &lt;div class="root" id="root0"&gt;
    &lt;div class="scrollContainer" id="scroll0Container"&gt;
      &lt;div class="scrollContent" id="scroll0Content"&gt;
      	&lt;p&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/Asylum_5.jpg'"&gt;&lt;img src="images/Asylum_5_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/Asylum_1.jpg'"&gt;&lt;img src="images/Asylum_1_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/Asylum_2.jpg'"&gt; &lt;img src="images/Asylum_2_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/Asylum_3.jpg'"&gt;&lt;img src="images/Asylum_3_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;/p&gt;
        &lt;p&gt;&nbsp;&lt;/p&gt;
        &lt;p&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/kerryn_5.jpg'"&gt;&lt;img src="images/kerryn_5_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/kerryn_6.jpg'"&gt;&lt;img src="images/kerryn_6_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/kerryn_7.jpg'"&gt; &lt;img src="images/kerryn_7_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/kerryn_8.jpg'"&gt;&lt;img src="images/kerryn_8_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/kerryn_9.jpg'"&gt;&lt;img src="images/kerryn_9_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/kerryn_9.jpg'"&gt;&lt;img src="images/kerryn_movie_thumbnail_2.jpg" /&gt;&lt;/a&gt;
        &lt;/p&gt;
        &lt;p&gt;&nbsp;&lt;/p&gt;
        &lt;p&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/f_h_5.jpg'"&gt;&lt;img src="images/f_h_5_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/f_h_6.jpg'"&gt;&lt;img src="images/f_h_6_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/f_h_7.jpg'"&gt;&lt;img src="images/f_h_7_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/f_h_8.jpg'"&gt;&lt;img src="images/f_h_8_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;/p&gt;
        &lt;p&gt;&nbsp;&lt;/p&gt;
        &lt;p&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/football_1.jpeg'"&gt;&lt;img src="images/football_1_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/football_2.jpeg'"&gt;&lt;img src="images/football_2_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/football_3.jpeg'"&gt;&lt;img src="images/football_3_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/football_4.jpeg'"&gt;&lt;img src="images/football_4_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;/p&gt;
        &lt;p&gt;&nbsp;&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

```

I hope I’m posting in the right section. Thank you for any help.