BleepingComputer.com: thumbnail script

hi everyone.

i want to make a blog and want to use a thumbnail script that i have. But the sript is not working well for me.

the thumbnails are good and working but when i hoover on a thumnail with my cursor the image is not showing on the right

here is the script i hope someone can help me out with this


<!-- === Begin Frame === -->
<table class="mainframe" style="width: 100%;" cellspacing="0">
<tr>
<td class="mf_tl"></td>
<td class="mf_tm"></td>
<td class="mf_tr"></td>
</tr>
<tr>
<td class="mf_ml"></td>
<td class="mf_content" style="text-align: left; padding: 6px;">
<h1></h1><script type="text/javascript">
function showpic(tt_pic,tt_text) {
document.picbox.src = tt_pic;
document.getElementById('txtbox').innerHTML = tt_text;
}
</script>
<style type="text/css">
<!--
a:link .tenpic, a:visited .tenpic { width: 70px; height: 110px; padding: 0px; border: 0px solid silver; margin: 3px; background-color: black; }
-->
</style>
<div style="width: 660px; height: 230px; position: relative;">
<div style="width: 470px; float: left;">
<a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a></div><img name="picbox" style="max-width: 160px; max-height: 230px; position: absolute; right: 10px; top: 0px;" src=" ">
<td class="mf_mr"></td>
</tr>
<tr>
<td class="mf_bl"></td>
<td class="mf_bm"></td>
<td class="mf_br"></td>
</tr>
</table>
<!-- === End Frame === -->

Can we see you showpic function?

I don't understand this is all of the script that i have

am i missing something of the script

try the script out and see it your self the problem is the image is not showing when i go on the thumbnail
the picture is not showing on the right when i hoover on the thumbnail

i hope you can help me out

thanks

When you hover over the one of the thumbnails, a javascript function is called. The name of the Javascript function is called showpic. What you have shown here is not a script. It is just CSS. The reason that nothing happens when you hover over the image is because you don't have the Javascript. Where did you get the code?

I have this script from a website

but why is it not showing the image when i hoover over the thumbnail

cant this be fixed or what am i missing in this script

and thanks for the fast response groovicus i hope you can help me out with this

thanks

Is this script complete or is it still missing a piece or something like that

<!-- === Begin Frame === -->
<table class="mainframe" style="width: 100%;" cellspacing="0">
<tr>
<td class="mf_tl"></td>
<td class="mf_tm"></td>
<td class="mf_tr"></td>
</tr>
<tr>
<td class="mf_ml"></td>
<td class="mf_content" style="text-align: left; padding: 6px;">
<h1></h1><script type="text/javascript">
function showpic(tt_pic,tt_text) {
document.picbox.src = tt_pic;
document.getElementById('txtbox').innerHTML = tt_text;
}
</script>
<style type="text/css">
<!--
a:link .tenpic, a:visited .tenpic { width: 70px; height: 110px; padding: 0px; border: 0px solid silver; margin: 3px; background-color: black; }
-->
</style>
<div style="width: 660px; height: 230px; position: relative;">
<div style="width: 470px; float: left;">
<a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a><a href="http://imagecache2.allposters.com/images/15/MATRIX.jpg" onmouseover="showpic('http://imagecache2.allposters.com/images/15/MATRIX.jpg');"><img src="http://imagecache2.allposters.com/images/15/MATRIX.jpg" class="tenpic" title="The Matrix"
/></a></div><img name="picbox" style="max-width: 160px; max-height: 230px; position: absolute; right: 10px; top: 0px;" src=" ">
<td class="mf_mr"></td>
</tr>
<tr>
<td class="mf_bl"></td>
<td class="mf_bm"></td>
<td class="mf_br"></td>
</tr>
</table>
<!-- === End Frame === -->





is this a complete javascript or is there still something missing

I observed following errors:

1. Change &lt;script type="text/javascript"> to <script type="text/javascript">
2. You are missing textbox the script is referring to. To resolve this, place

<textarea id=txtbox rows=3 cols=5></textarea>

in the HTML somewhere you want.

The script is still not working well

after the changes from Romeo29 but anyway thanks for the help

im working on this problem for 4 days now

hope someone can help me out

thanks

After modifying the code as I suggested, I tried it in IE. It works as it should.