-
Cómo editar SqueezeBox en Joomla!
-
Para las páginas web que muestran sólo una foto, la integración es relativamente simple y no ralentiza la velocidad de carga de la página demasiado, en la mayoría de los casos. Sin embargo, si desea crear una galería de fotos o post muchas imágenes en una sola página, la incorporación de fotos a tamaño real puede ralentizar el tiempo de carga considerablemente. La vinculación de las imágenes en miniatura de las fotos más grandes popup resultados en las páginas de carga más rápido y hace que su sitio más interactivo. Si usted tiene un Joomla! sitio, se puede utilizar la función de Squeezebox incorporado para crear modos de transporte, o de ventanas emergentes, ventanas de imagen para sus galerías. Sin embargo, debe editar el código en los archivos centrales de la plantilla antes de poder crear los enlaces emergentes en sus páginas de contenido.
Instrucciones
Habilitar Squeezebox
1 Navegue a la URL de la página de inicio de sesión en la administración de servicios de fondo para su Joomla! sitio. Inicia sesión con tu nombre de usuario y contraseña.
2 Haga clic en el enlace "Extensiones" en la barra de menú del panel de control, y luego "Administrador de plantillas". Después se carga la página Administrador de plantillas, haga clic en el nombre de la corriente de Joomla! plantilla (la que tiene la estrella amarilla junto a él). El "Plantilla: [cambiar]" página se abre en su navegador. Haga clic en el icono de "Edición de HTML" en la parte superior de la página.
3 Haga clic en el icono de "Edición de HTML" en la parte superior de la página. Después de que aparezca la página de plantilla HTML Editor, busque la línea de código que contiene la sintaxis:
<Head> <jdoc: include type = "cabeza" />
4 Coloque el cursor del ratón a la derecha del símbolo ">" en el código de línea, y luego presionar "Enter".
5 Copiar y pegar el siguiente código HTML en la plantilla:
<Script type = "text / javascript" href = "<? Php echo $ this-> baseurl?
/media/system/css/modal.css "type =" text / css "/>
<Script type = "text / javascript">
// <! -
window.addEvent ( 'domready', function () {var = new JTooltips
Tips ($$ ( 'hasTip.'), {MaxTitleChars: 50, fijados: 'falsa'}); });
// ->
</ Script>
<Script type = "text / javascript">
// <! -
window.addEvent ( 'domready', function () {
SqueezeBox.initialize ({});
$$ ( 'A.modal'). Cada uno (function (el) {
el.addEvent ( "clic", la función (e) {
Evento nuevo (e) .Stop ();
SqueezeBox.fromElement (el);
});
});
});
// ->
</ Script>
6 Haga clic en "Guardar" en la parte superior de la página.
Utilice la secuencia de comandos
7 Haga clic en "Gestor de artículos" en el panel de control. Abra el artículo al que desea incrustar archivos de imagen.
8 Desplazarse hasta el punto en su artículo en el que desea mostrar un enlace a una foto grande emergente. Utilice la siguiente sintaxis para enlazar a la imagen emergente:
<a rel="SqueezeBox" href="URLofPhoto" title="MyCaption" class="modal">
9 Cambiar la variable "URLofPhoto" a la URL de la imagen cargada. Cambiar "MyCaption" a cualquier texto que desea debajo de la foto en la ventana emergente.
10 Guarde los cambios en su Joomla! artículo. Al ver la página del artículo en su sitio, el enlace emergente aparece en el texto. Si hace clic en el enlace, la imagen vinculada aparece en una ventana modal.
