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, 23:29

Re: Pedido HighSlide JS

  • Favoritar esta postagem
  • 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, 21:58
    Você favoritou esta postagem

    Re: Pedido HighSlide JS

  • Remover marcador da postagem
  • 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, 23:29
    Você favoritou esta postagem

    Re: Pedido HighSlide JS

  • Remover marcador da postagem
  • 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