[BBCODE] Lytebox (Image Resizer y SlideShow) Tema Solucionado
Los dos BBcodes que agragarás cumplen la función de ImageResizer, la diferencia es que uno, al hacer clic sobre la foto, te la abrirá en Lytebox y si haz puesto más de una imagen en el post, te permitirá cambiar de una imagen a la otra sin hacer cerrar. El otro BBcode hace lo mismo, pero al abrir una imagen se abrirá un Slideshow y las fotos se pasarán de una en una de manera automática. Ambos BBCodes ponen el nombre de la imagen debajo de la imagen una vez en el lytebox.
Preparación:
Abrir: archivo /styles/prosilver/template/overall_hearder.html
Buscar:
Código: Seleccionar todo
</head>Código: Seleccionar todo
<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />
lyte.zip- (185.95 KiB) Descargado 287 veces
Creando BBcode de Slideshow:
Ir a: ACP >> Mesnsaje >> BBCodes
Hacer clic en "Añadir nuevo BBCode"
Llenar los campos de la siguiente manera:
Uso del BBCode:
Código: Seleccionar todo
[slideshow={SIMPLETEXT}]{URL}[/slideshow]Código: Seleccionar todo
<a href="{URL}" class="lytebox" data-lyte-options="slide:true group:slideshow" data-title="{SIMPLETEXT}" title="Clic para ampliar imagen"><img style="max-width:350px; max-height: 350px;" src="{URL}" alt="Image" /></a>Código: Seleccionar todo
[slideshow={SIMPLETEXT}]{URL}[/slideshow]NOTA: Luego de eso, ta aparecerá el siguiente mensaje:
ADVERTENCIA
El BBCode que está intentando añadir parece que usa la marca clave {TEXT} dentro de un atributo HTML. Eso puede traducirse en un agujero de seguridad XSS. Trate de usar en cambio los tipos {SIMPLETEXT} o {INTTEXT} que son más restrictivos. Solo continúe entiende los riesgos que corre y considera el uso de {TEXT} absolutamente inevitable.
Creando BBcode para Imagenes:
Hacer clic en "Añadir nuevo BBCode"
Llenar los campos de la siguiente manera:
Uso del BBCode:
Código: Seleccionar todo
[imagen={SIMPLETEXT}]{URL}[/imagen]Código: Seleccionar todo
<a href="{URL}" class="lytebox" data-lyte-options="group:vacation" data-title="{SIMPLETEXT}" title="Clic para ampliar imagen"><img style="max-width:350px; max-height: 350px;" src="{URL}" alt="Image" /></a>Código: Seleccionar todo
[imagen={SIMPLETEXT}]{URL}[/imagen]NOTA: Luego de eso, ta aparecerá el siguiente mensaje:
ADVERTENCIA
El BBCode que está intentando añadir parece que usa la marca clave {TEXT} dentro de un atributo HTML. Eso puede traducirse en un agujero de seguridad XSS. Trate de usar en cambio los tipos {SIMPLETEXT} o {INTTEXT} que son más restrictivos. Solo continúe entiende los riesgos que corre y considera el uso de {TEXT} absolutamente inevitable.
