Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

BBcode para imagenes y videos de youtube usando Highslide JSTema Solucionado

Dudas sobre BBCodes personalizados


woo000
Observador/a
Mensajes: 4
Registrado: 15 Mar 2012, 03:32

BBcode para imagenes y videos de youtube usando Highslide JS

#1

Mensaje por woo000 »

URL: http://www.antrollio.com
Plantilla(s) usuada(s): abrasive
MODs instalados: varios (no relevantes a mi pregunta)
Versión de phpBB: 3.0.9
Servidor: de pago.
Si es una actualización desde otra versión: no aplicable
Si es una conversión desde otro tipo de Foro: no aplicable


Agregué el Highslide JS, o mas bien copie las carpetas que venian en el zip y las puse en el root, y al agregar bbcodes para las imagenes y los videos, agarré dos problemas:

1. Cuando clickeo en la imagen, no se expande pero se abre una pagina con la imagen sola.
2. Cuando clickeo en un video de youtube, tampoco se expande y también se abre el video en la misma página. Sin embargo, al volver atrás y hacerle un refresh a la página, AHÍ si funciona el efecto de expandir del highslide.

Les dejo los html de los bbcodes:

Para imagenes:
<div class="highslide-gallery">
<a href="{URL}" class="highslide" onclick="return hs.expand(this, { wrapperClassName: 'controls-in-heading', slideshowGroup: 'highslide' })"><img src="{URL}" alt="" title="Click to enlarge" style="max-width:200px; max-height:200px;" /></a><div class="highslide-heading"></div>
</div>



Para videos de youtube:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Highslide JS</title>

<script type="text/javascript" src="../highslide/highslide-with-html.js"></script>
<link rel="stylesheet" type="text/css" href="../highslide/highslide.css" />


<script type="text/javascript">
// Apply the Highslide settings
hs.graphicsDir = '../highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.outlineWhileAnimating = true;
</script>

</head>

<body>
<div>

<a href="http://www.youtube.com/embed/{IDENTIFIE ... ransparent"
onclick="return hs.htmlExpand(this, {objectType: 'iframe', width: 480, height: 385,
allowSizeReduction: false, wrapperClassName: 'draggable-header no-footer',
preserveContent: false, objectLoadTime: 'after'})"
class="highslide">

<img src="http://img.youtube.com/vi/{IDENTIFIER}/1.jpg" title="Click" />



</a>

</div>

</body>

</html>




Avatar de Usuario
Makoto
Elite
Mensajes: 2929
Registrado: 10 Sep 2009, 23:44
Género:
Edad: 32

Re: BBcode para imagenes y videos de youtube usando Highslid  Tema Solucionado

#2

Mensaje por Makoto »

Pues debes hacer un llamado al js eso debe ir en el overall_header.html

algo como

Código: Seleccionar todo

<script type="text/javascript" src="./highslide/highslide-with-html.js"></script>
<link rel="stylesheet" type="text/css" href="./highslide/highslide.css" />
URL del foro: FIIS-UNAC
Versión phpBB: phpBB3 ( 3.1.5)
Extensiones Instaladas
SPOILER_SHOW
  • Add User 1.0.2
  • Auto Database Backup 1.1.0
  • Auto Groups 1.0.0
  • Avatars on Memberlist 1.0.3
  • Board Announcements 1.0.2
  • Board Rules 1.0.1
  • cBB Chat 1.1.1
  • Fancy Lazy Topics loader 2.1.5
  • Genders 1.0.0
  • Last Post Avatar
  • Log failed logins
  • Rank Post Styling
  • Share On 1.0.0
  • SiteSplat BBCore 2.1.1
  • Sortables Captcha 2.0.0
  • Topic Author 1.0.1
  • Upload Extensions 3.1.2-beta2
Plantilla(s) usada(s):
  • FLATBOOTS 2.0.1
Servidor: Dattatec[/size]

woo000
Observador/a
Mensajes: 4
Registrado: 15 Mar 2012, 03:32

Re: BBcode para imagenes y videos de youtube usando Highslid

#3

Mensaje por woo000 »

muchas gracias, ahora si funciona. De hecho, tengo otro foro y en ese si funcionaba pero no entendia porque en uno si y en el otro no pero se me habia olvidado editar el overall_header.

Gracias!! :cerveza:


Volver a “❓ Dudas sobre BBCode”