Voltei ao tópico porque consegui, FINALMENTE, alterar as configurações do
Highslides.
Ao baixar a última versão do
Highslides, na pasta
/examples há vários exemplos em arquivos
.html dos efeitos na visualização das imagens. Para visualizar o efeito é só abrir o arquivo
.html em seu navegador. Após escolher o efeito desejado, abra este mesmo arquivo com o programa
Notepad++ e você encontrará os scripts antes da tag
</head>
. Aí, é só copiar o script, ou os scripts, e colá-los no arquivo
styles/seu-estilo/template/mods/reimg_content.html na seção que configura o efeito
highslides, que é a:
Código: Selecionar todos
<!-- IF S_REIMG_ZOOM_METHOD eq '_highslide' -->
<script type="text/javascript" src="{ROOT_PATH}reimg/highslide/highslide-full.packed.js"></script>
<link rel="stylesheet" type="text/css" href="{ROOT_PATH}reimg/highslide/highslide.css" />
<!-- ENDIF -->
Exemplo:
Digamos que na pasta
/examples você tenha gostado do efeito no arquivo
no-border.html. Ao abri-lo pelo
Notepad++, copie o script e cole-o no arquivo
reimg_content.html na seção que configura o
Highslides, ficando desta forma:
Código: Selecionar todos
<!-- IF S_REIMG_ZOOM_METHOD eq '_highslide' -->
<script type="text/javascript" src="{ROOT_PATH}reimg/highslide/highslide-full.packed.js"></script>
<link rel="stylesheet" type="text/css" href="{ROOT_PATH}reimg/highslide/highslide.css" />
<script type="text/javascript">
//<![CDATA[
hs.registerOverlay({
html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
position: 'top right',
fade: 2 // fading the semi-transparent overlay looks bad in IE
});
hs.graphicsDir = '../highslide/graphics/';
hs.wrapperClassName = 'borderless';
//]]>
</script>
<!-- ENDIF -->
Os scripts de outros efeitos no outros arquivos
.html de exemplo podem ser combinados de maneira que os junte em uma única visualização.
Não consegui configurar os efeitos de galeria de imagens ainda, mas a configuração simples já atende a minha necessidade.
Abraço.
