[JavaScript][PHP]Wyświetlanie Miniaturek Opcje

[djexx]

Witam serdecznie staram się uporać z moim problemem lecz nie daje sobie rady proszę o pomoc , mianowicie chodzi o to by miniaturki się wyświetlały obok siebie i klikając na nie można było obejrzeć plik mam taki kod lecz nie wiem jak go przerobić

Kod

<script language='javascript'>
function showthumb(divid,thumb) {
    document.getElementById(divid).style.display = 'block';
    document.getElementById(divid).innerHTML='<img src="'+thumb+'" border=0 width=130 height=97>';
}
function hidethumb(divid) {
    document.getElementById(divid).style.display = 'none';    
}
</script>
<style>
.thumbs {
    border: 1px solid #CCCCCC;
    background: #E6E6E6;
    width: 130px;
    height: 97px;    
    position: absolute;
    display: none;
}
</style>
<div align='center'>
<table width='600' border=0>
<tr>
    <td>
        <div align='left'>
        <table width='100%' border=1 bordercolor='#005FD7'>
        <?
        $i=0;
        foreach($videos as $index=>$video) {
            
            $type = $video['type'];
            $title = $video['title'];
            $link = $video['link'];
            
            if(trim($title)&&trim($link)) {
                
                if(($i%2)==0)
                    echo "<tr style='background: #DEEEFA' height='25'>";
                else
                    echo "<tr height='25'>";
                $i++;
                if($type=='dm')
                    $type = "<img src='images/dm.jpg' border=0 title='daily motion video' alt='daily motion video'>";
                if($type=='yt')
                    $type = "<img src='images/yt.jpg' border=0 title='youtube video' alt='youtube video'>";
                if($type=='mc')
                    $type = "<img src='images/mc.jpg' border=0 title='metacafe video' alt='metacafe video'>";
                if($type=='gv')
                    $type = "<img src='images/gv.jpg' border=0 title='google video' alt='google video'>";
                $url = urlencode($link);
                $title2 = urlencode($title);
                $thumb = $video['thumb'];
                
                $link = "<a href=\"#\" onclick=\"watchvideo('$url','$title2');\">OBEJRZYJ</a>";
                echo "<td align='center' width='50'>$link</td><td width='550'><div style='cursor: pointer' onmouseout=\"hidethumb('div$i');\" onmouseover=\"showthumb('div$i','$thumb');\"><img src='tick.gif'> $title</div><div class='thumbs' id='div$i'></div>";
                echo "</tr>";
            }
        }
        ?>
        </table>
        </div>
    </td>
</table>
</div>

Ten post edytował djexx 30.04.2010, 09:46:27