Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

Integrar archivo jquery a wordpress?

Estas en el tema de Integrar archivo jquery a wordpress? en el foro de WordPress en Foros del Web. 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" ...
  #1 (permalink)  
Antiguo 08/01/2011, 22:54
 
Fecha de Ingreso: octubre-2009
Mensajes: 129
Antigüedad: 10 años, 1 mes
Puntos: 1
Exclamación Integrar archivo jquery a wordpress?

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

  #2 (permalink)  
Antiguo 10/01/2011, 08:02
Avatar de Nekko
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Buenos Aires
Mensajes: 3.141
Antigüedad: 11 años, 8 meses
Puntos: 656
Respuesta: Integrar archivo jquery a wordpress?

Mira, todo se puede adaptar, pero estás haciendo copy & paste desde una web que no es WordPress y a ciegas. Obviamente no te va a salir nada.

Te recomiendo que primero arranques a ver como sería el loop que trae esas entradas, cómo traer las miniaturas de cada una de ellas, maquetar la sección y finalmente le añadís el efecto en jQuery.
__________________
Taller para crear themes wordpress desde cero | Presupuestos para trabajos particulares vía MP

Etiquetas: integrar, jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:44.