Pedido HighSlide JS

Tire suas dúvidas sobre BBCode.
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Pedido HighSlide JS

Mensagem por robra »

Me parece que o ripando.com.br usa o estilo de efeito e moldura na foto abaixo, lá página http://highslide.com/:
Imagem
Clica nela lá no site do Highslide para ver o efeito aplicado e a moldura também.

Você testou o código HTML abaixo em seu BBcode [ss] ?

Código: Selecionar todos

<a href="{URL}" class="highslide" onclick="return hs.expand(this)"><img src="{URL}" alt="Highslide JS" title="Expandir" width="320"></a>
Peguei-o lá no ripando também.

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Krunsher
Novato
Novato
Mensagens: 121
Registrado em: 02 Fev 2012, 20:58

Re: Pedido HighSlide JS

Mensagem por Krunsher »

Robra, consegui que ficasse igualzinho, é o seguinte. No overall_header, os script é highslide.js e o css é o highslide.css, que está na pasta highslide. Então percebi que eu deveria mexer nesses dois, mas não tinha ideia de quais configurações seriam, então eu fui dar uma fuçana no ripando, e achei isso:

http://www.ripando.com.br/highslide/highslide.js
http://www.ripando.com.br/highslide/highslide.css

Eu peguei esses dois e coloquei em minha pasta highslide, e mesmo assim não funcionou, ai eu fiquei sem entender nada, qdo resolvi dar uma nova fuçada no ripando, kkk, e consegui achar o overall_header dele, e percebi que não tinha o passo 1 completo da instalação do HS Slide nele, só as duas primeiras linhas desse código:

Código: Selecionar todos

<script type="text/javascript" src="{ROOT_PATH}highslide/highslide-full.js"></script>
<link href="{ROOT_PATH}highslide/highslide.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
// <![CDATA[
hs.graphicsDir = '{ROOT_PATH}highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;

// Add the controlbar
hs.addSlideshow({
	//slideshowGroup: 'group1',
	interval: 5000,
	repeat: false,
	useControls: true,
	fixedControls: 'fit',
	overlayOptions: {
		opacity: 0.75,
		position: 'bottom center',
		hideOnMouseOut: true
	}
});
// ]]>
</script>
Eu resolvi retirar o resto dessas linhas e depois fiz o upload do meu overall_header, e quando fui ver já estava sem aquela borda arredondada.. xD
Mas tinha um problema, eu estava usando esse HTML no BBCode que você passou:

Código: Selecionar todos

<a href="{URL}" class="highslide" onclick="return hs.expand(this)"><img src="{URL}" alt="Highslide JS" title="Expandir" width="320"></a>
E isso estava fazendo as imagens firarem muito coladas, e eu substitui ele pelo que estava antes, com algumas modificações, que eu tinha visto no seu, onde eu pude colocar os textos em português:

Código: Selecionar todos

<class="highslide">
<a href="{URL}" class="highslide" title="Expandir" onclick="return hs.expand(this, { wrapperClassName: 'white', slideshowGroup: 'highslide' })"><img src="{URL}" alt="QRCodeThumbnail" title="" style="max-width:320px; max-height:200px;" /></a>
E mais uma coisa, a cor da borda foi definida pelo wrapperClassName: 'white' do codigo acima, que antes estava "dark" e a borda estava preta, ai foi só eu modificar pra white. :D

Obrigado mais uma vez robra! :)
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Pedido HighSlide JS

Mensagem por robra »

Valeu... por contribuir sua experiência.
Com certeza ajudará outros usuários que desejam utilizar o Highslide.

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Responder