bloque html funciona en vista previa, pero no cuando se visualiza la entrada

• 

  sgokuss3 · Miembro · noviembre 15, 2020 at 7:21 pm

  • Copiar enlace
  • Añadir tema a favoritos

  hola, estoy teniendo un problema al usar el nuevo editor de wordpress usando un bloque HTML, describo la situacion.

  cree en dreamweaver un html con dos DIVs para mostrar imagenes y texto y uso un javascript para ir pasando de imagen y descripcion con dos botones, Siguiente y Prev.

  Cuando coloque el codigo de dreamweaver en en bloque HTML y hago click en el boton del bloque «vista previa» las imagenes y texto se visualizan correctamente y los botones funcionan como deberia ser.

  guardo la entrada e intento ver la entrada completa, los botones funcionan, pero las imagenes y el texto, son incorrectos, muestra cualquier imagen y cualquier texto.

  aca dejo el codigo que estoy usando a ver si alguien puede dar una pista de como solucionar esto.

  <div id="post_content" hidden="true">
  		<img src="http://www.pagina.com/wp-content/uploads/2020/11/bueno_o_malo.jpg" class="thumb img1" />
  		<img src="http://www.pagina.com/wp-content/uploads/2020/11/bueno_malo.jpg" class="thumb img2" />
  		<img src="http://www.pagina.com/wp-content/uploads/2020/11/bueno.png" class="thumb img3" />
  	</div>
  	<div id="post_texto" hidden="true">
  		<p align="justify">descripcion de la imagen 1</p>
  		<p align="justify">descripcion de la imagen 2</p>
  		<p align="justify">descripcion de la imagen 3</p>
  	</div>
  	
  <span></span>
  <div class="showimagediv"></div>
  <div class="showdescripdiv"></div>	
  <button id="prev">Prev</button>
  <button id="next">Next</button><br><br>
  
  	<a href="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js</a>
  	<script>
  $(document).ready(function() {
  
      $(".showimagediv").html($("img").eq(0).clone())
  	$(".showdescripdiv").html($("p").eq(0).clone())
      var pos = 0;
      $('#prev').on('click', function() {
          if(pos>0) pos--
  		
          $(".showimagediv").hide().html($("img").eq(pos).clone()).fadeIn("slow");
  		$(".showdescripdiv").hide().html($("p").eq(pos).clone()).fadeIn("slow");
      });
  
      $('#next').on('click', function() {
          if(pos<2) pos++
          $(".showimagediv").hide().html($("img").eq(pos).clone()).fadeIn("slow");
  		$(".showdescripdiv").hide().html($("p").eq(pos).clone()).fadeIn("slow");
      });
      
      $('.showimagediv').on('click', function() {
          $(this).hide();
      });
  	$('.showdescripdiv').on('click', function() {
          $(this).hide();
      });
  });
  </script>

  gracias de antemano por la ayuda prestada.

• 

  galois · Moderador · noviembre 15, 2020 at 7:40 pm

  • Copiar enlace

  Buenas noches.
  El sitio al que haces referencia no fue creado ni está hospedado aquí en WordPress.com, sino que está hospedado en un hosting que contrataste, con el que esta plataforma no tiene relación, o lo tienes en Localhost.

  En este foro no damos soporte a sitios autoalojados de WordPress.org, por lo que tendrás que contactar con el soporte de tu hosting, o preguntar en los foros de WordPress.org:

  Support Forums

  Te dejo un artículo con las diferencias entre WordPress.com y WordPress.org:
  https://wordpress.com/es/support/wordpress-com-y-wordpress-org/

  Un saludo.

• 

  sgokuss3 · Miembro · noviembre 16, 2020 at 10:45 am

  • Copiar enlace

  gracias por la informacion, no sabia esta diferencia

• 

  galois · Moderador · noviembre 16, 2020 at 10:55 am

  • Copiar enlace

  De nada. 👍🏼