tengo un archivo html que es como un carrusel o slideshow
aqui el codigo
Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Actualizaciones Peliculas Fox</title>
<script type="text/javascript" src="actulizacion/jquery-1.js"></script>
<script type="text/JavaScript" src="actulizacion/jquery.js"></script>
<script type="text/JavaScript" src="actulizacion/slideshow.js"></script>
<style type="text/css">
<!--
body {
background:#ececec;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.fondo-slideshow {
float: left;
background:url(../www.yotix.tv/wp-content/themes/Yotix-v3/imagenes/fondo-slideshow.png);
width:983px;
height:168px;
margin-top:0px;
padding:0px;
}
.publicidad {
float: left;
background:url(../www.yotix.tv/wp-content/themes/Yotix-v3/imagenes/fondo-slideshow.png);
width:983px;
height:168px;
margin-top:5px;
padding:0px;
}
.slideshow {
height: 125px;
width: 83px;
margin-left:35px;
*margin-left:28px;
margin-top:16px;
float:left;
}
.slideshow img {
padding: 2px;
border: 1px solid #ccc;
}
-->
</style></head><body>
<div class="fondo-slideshow">
<div style="position: relative;" class="slideshow">
<a style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0; width: 89px; height: 131px;" target="_blank" href="ver/Ga-Hoole-La-leyenda-de-los-guardianes_400.html"><img src="Img12/400.gif" width="83" height="125"></a>
<a style="position: absolute; top: 0px; left: 0px; display: block; z-index: 3; opacity: 1; width: 89px; height: 131px;" target="_blank" href="ver/La-red-social-_407.html"><img src="Img12/407.gif" width="83" height="125"></a> </div>
<div style="position: relative;" class="slideshow">
<a style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0; width: 89px; height: 131px;" target="_blank" href="ver/Stone_403.html"><img src="Img12/403.gif" width="83" height="125"></a>
<a style="position: absolute; top: 0px; left: 0px; display: block; z-index: 3; opacity: 1; width: 89px; height: 131px;" target="_blank" href="ver/Diario-De-Greg_399.html"><img src="Img12/399.gif" width="83" height="125"></a> </div>
<div style="position: relative;" class="slideshow">
<a style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0; width: 89px; height: 131px;" target="_blank" href="ver/Paranormal-Activity-2_402.html"><img src="Img12/402.gif" width="83" height="125"></a>
<a style="position: absolute; top: 0px; left: 0px; display: block; z-index: 3; opacity: 1; width: 89px; height: 131px;" target="_blank" href="ver/Mirrors-2_672.html"><img src="Img12/672.gif" width="83" height="125"></a> </div>
<div style="position: relative;" class="slideshow">
<a style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0; width: 89px; height: 131px;" target="_blank" href="ver/El-Ultimo-exorcismo_446.html"><img src="Img12/446.gif" width="83" height="125"></a>
<a style="position: absolute; top: 0px; left: 0px; display: block; z-index: 3; opacity: 1; width: 89px; height: 131px;" target="_blank" href="ver/Gangster-Rock_684.html"><img src="Img12/684.gif" width="83" height="125"></a> </div>
<div style="position: relative;" class="slideshow">
<a style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0; width: 89px; height: 131px;" target="_blank" href="ver/Titanic-2_395.html"><img src="Img12/395.gif" width="83" height="125"></a>
<a style="position: absolute; top: 0px; left: 0px; display: block; z-index: 3; opacity: 1; width: 89px; height: 131px;" target="_blank" href="ver/Avatar_2.html"><img src="Img12/2.gif" width="83" height="125"></a> </div>
<div style="position: relative;" class="slideshow">
<a style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0; width: 89px; height: 131px;" target="_blank" href="ver/The-Karate-Kid_1.html"><img src="Img12/1.gif" width="83" height="125"></a>
<a style="position: absolute; top: 0px; left: 0px; display: block; z-index: 3; opacity: 1; width: 89px; height: 131px;" target="_blank" href="ver/Harry-Potter-y-las-Reliquias-de-la-Muerte_397.html"><img src="../peliculasid.biz/Img12/397.gif" width="83" height="125"></a> </div>
<div style="position: relative;" class="slideshow">
<a style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0; width: 89px; height: 131px;" target="_blank" href="ver/The-Tortured_659.html"><img src="Img12/659.gif" width="83" height="125"></a>
<a style="position: absolute; top: 0px; left: 0px; display: block; z-index: 3; opacity: 1; width: 89px; height: 131px;" target="_blank" href="ver/The-Torment-El-Tormento_1797.html"><img src="../peliculasid.biz/Img12/1797.gif" width="83" height="125"></a> </div>
<div style="position: relative;" class="slideshow">
<a style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0; width: 89px; height: 131px;" target="_blank" href="ver/Resident-Evil-4-Ultratumba_243.html"><img src="Img12/243.gif" width="83" height="125"></a>
<a style="position: absolute; top: 0px; left: 0px; display: block; z-index: 3; opacity: 1; width: 89px; height: 131px;" target="_blank" href="ver/Waz_598.html"><img src="Img12/598.gif" width="83" height="125"></a> </div>
</div>
</body>
alguien sabe como puedo integar ese codigo a wordpress? para cuando haga un nuevo post el thumbnail del post aparesca hay lo quiero para el index de mi web
una foto para mostar mejor
