Highslide JS Plugin per Joomla 1.5.x
30 August 2008
Us proposem un plugin per la presentació d'imatges per Joomla que pot crear miniatures i finestres emergents de la imatge original automàticament. A partir de la versió 1.2 (HS v4.0.5 i flv player v4.1.60) només es necessari el plugin "content". El motor,
Highslide JS és un software lliure escrit en JavaScript, oferint una aproximació a les finestres emergents Web 2.0. Facilita l'ús de thumbnails d'imatges i HTML amb finestres emergents. La llibreria té les següents característiques i avantatges:
- No necessita plugins com Flash o Java.
- El bloqueig de finestres emergents no és un problema. EL contingut s'expandeix a la finestra activa.
- Un sol clic. Després d'obrir-se el HTML o la imtage a la finestra emergent, hi pots navegar o bé tancar la finestra del navegador sense tancar-la.
- Compatibilitat i fallback segur. Si l'usuari ha desactivat el JavaScript o utilitza un navegador antic, el navegador es redirigeix directament a la imatge mateix o a la pàgina amb el contingut web.
Mira la demo:
Una galeria d'imatges amb panell de control. També pots passar d'una imatge a l'altre mitjançant les tecles de control.
Exemples de Sintaxi
No és la meva inteció fer-vos un manual del bot highslide, només mostrar-vos alguns exemples de les possibilitats que té. A partir d'aquí ja és cosa vostra!. Hi ha l'enllaç a la pàgina d'origenLa sintaxi de l'exemple anterior:
{hslide type=|image| album=|Colorado| title=|Grand Cayon|
text=|1ra descripció| }images/stories/colorado/image1.jpg{/hslide}
Si el que vols és una imatge única per mostrar una galeria només cal agrupar-les en un album i ocultar-les. Els tags que faig servir son album=|Colorado2| i hidden=|yes| per les imatges que no vull mostrar. El resultat el tens a continuació.
{hslide type=|image| album=|Colorado2| title=|Grand Cayon|
text=|5a descripció|}
images/stories/colorado/image5.jpg{/hslide}
Aqui la mida del thumbnail és més petit amb tsize=|80,80|.
Les altres imatges:
{hslide type=|image| album=|Colorado2| hidden=|yes| title=|Grand Cayon|
text=|6na descripció|}
images/stories/colorado/image6.jpg{/hslide}
El resultat és el següent:
Pots llençar diferents tipus de medis:
- fitxers flash amb el type=|flash|.
- contingut ajax amb el type=|ajax|.
- contingut en iframe amb el type=|iframe|.
- una url externa amb el type=|url|.
- video en flv i mp3 amb el type=|media|. Utilitzo Jeroen Wijering Media player .
Si no defineixes el thumbnail i es tracta d'una imatge, el plugin de contingut intentarà generar-lo a partir de la imatge originial pero amb una extensió _thumb. Calen permisos d'escriptura per desar-la. En principi, a la mateixa carpeta que la imatge original. Si vols, pots especificar un destí alternatiu per als thumbnails mitjançant l'administració
