[html]
<center><table id="rotator" style="width: 100%; border: none;">
<tbody>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center">
<!—— ВКЛАДКИ ——>
<div id="sm1" class="submenutext" style="display:block;"><img src="https://upforme.ru/uploads/001b/6a/63/4/40075.jpg"><span>Описание 1</span></div>
<div id="sm2" class="submenutext"><img src="https://upforme.ru/uploads/001b/6a/63/4/345001.jpg"><span>Описание 2</span></div>
<div id="sm3" class="submenutext"><img src="https://upforme.ru/uploads/001b/6a/63/4/103868.jpg"><span>Описание 3</span></div>
</div>
   </td>
</tr>

  <tr>
   <td>
    <div id="menu">
<div alt="#sm1" style="cursor: pointer;"><img src="https://upforme.ru/uploads/001b/6a/63/4/40075.jpg"></div>
<div alt="#sm2" style="cursor: pointer;"><img src="https://upforme.ru/uploads/001b/6a/63/4/345001.jpg"></div>
<div alt="#sm3" style="cursor: pointer;"><img src="https://upforme.ru/uploads/001b/6a/63/4/103868.jpg"></div>
    </div>
   </td>
  </tr>
</tbody>
</table></center>

<style>
#submenu img {height: 400px;}
#menu img {height: 60px;}
#menu div {display: inline-block; height: 63px; margin: 0px 2px;}
#menu .tabactive {background: #800;}
.submenutext span {
    color: #111;
    text-align: center;
    display: block;
    width: auto;
}

#rotator td {border: none!important;}

#submenu {
padding: 5px;
height: 410px;
text-align: center;
width: 720px;
}

.submenutext {
display: none;
height: 60px;
}

#menu {text-align: center;}
</style>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!——$(".tabs span:first").addClass("active").show(); ——>
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu div").click(function() {
    $("div.#menu div").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>
[/html]