Bem... vou contar o que até agora o que consegui.
Na página de instalação do Highslides - http://highslide.com/#installation, está assim:
Put this code in the head tag of your HTML page.(tem que colocar o código abaixo no overall_header.html antes da tag </head>)
Código: Selecionar todos
<script type="text/javascript" src="/highslide/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />
<script type="text/javascript">
// override Highslide settings here
// instead of editing the highslide.js file
hs.graphicsDir = '/highslide/graphics/';
</script>É aí que começa a bucha...
Ao descompactar o arquivo highslide-4.1.12.zip, a última versão baixada do site highslides, você terá 3 pastas(example, highslide e a images) e 1 arquivo HTML(index.htm). Ao abrir o index.html você vai poder ver não só os exemplos dos efeitos das imagens abrindo como também os respectivos códigos para serem substituídos naquele lá de cima.
Vou dar um exemplo:
Abrindo o index.htm, na opção da página "Highslide JS core" você encontrá 6 links com exemplos dos efeitos da abertura das fotos. Clique no link "Drop shadow and no border, semi transparent close button" e depois na miniatura da próxima página para ver o efeito em ação.
Viu o efeito em ação ??
Pois é... esse "diacho" de efeito só funciona no exemplo...
Bom... agora, clique com o botão direito na página e escolha "Exibir código fonte da página", para o navegador Google Chrome, ou "Código-fonte" para o navegador Firefox, ou "Exibir Código-Fonte" para o navegador IE8.
Na página do "código-fonte" do efeito escolhido, os scripts citados no item 1 e 2 é que devem substituir o código lá de cima, para ser colocado no arquivo overall_header.html, ficando o código da seguinte forma:
Código: Selecionar todos
<script type="text/javascript" src="../highslide/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="../highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="../highslide/highslide-ie6.css" />
<![endif]-->
<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>
Se deixar o código apenas com:
Código: Selecionar todos
<script type="text/javascript" src="../highslide/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="../highslide/highslide.css" />Sei que o problema não é o MOD mas a "pecinha" a frente do teclado...
...mas se alguém tem experiência na instalação e utilização desta opção no MOD ReIMG Image Resizer e puder ajudar, uma pá de gente vai agradecer.
Abraço.
