Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Djonyf

Problemas com o shadowbox

Recommended Posts

Olá;

Estou tentando fazer o uso de um script muito conhecido chamado ShadoBox.

O objetivo é usar em vídeos.

O problema é que não consigo configurar para deixar em tela cheia.

Já coloquei a tag AllowFullScreen=true em tudo quanto é canto. Mas nao funciona.

Veja na página do blog com uma postagem de Exemplo: http://www.filmesonline.pro/teste-shadowbox/

 

O Código no Botão está desse jeito:

<a title="Teste ShadowBox" allowfullscreen="true" href="https://www.youtube.com/embed/3dtUZdxRAsA" rel="shadowbox;allowfullscreen=true;width=480;height=385"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="botao img" border="0" alt="" src="http://i.imgur.com/IVee4sO.png"></a>

E na <head> do site os arquivos:

<link href='http://www.filmesonline.pro/efeitosbox/shadowbox.css' rel='stylesheet' type='text/css'/>
<script type='text/javascript' src='http://www.filmesonline.pro/efeitosbox/shadowbox.js'></script>
<script type='text/javascript'>
Shadowbox.init({
handleOversize: "resize",
modal: false,
allowfullscreen: true
});
</script>

Como eu disse, já coloquei o AllowFullScreen=true em vários lugares, mas não surte efeito.

Alguém poderia me ajudar a resolver este problema?

Obrigado.

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por mkboy
      Bom dia!
       
      Tenho um recurso no site, que abre uma janela em Shadowbox, funciona normal no PC e Android, mas no iPhone, ao invés de rolar o conteúdo interno da janela, rola o conteúdo de baixo.
       
      Este é um exemplo, ao clicar em abrir o conteúdo que deve rolar é o site dentro da janela e não o texto debaixo.
       
      https://www.alfapesca.com.br/teste-shadow.asp?
       
      Podem me ajudar por favor?
      Como resolver isso no iphone diversas versões deu problema.
    • Por Gilberto Jr
      Boa tarde;
       
      Eu queria saber se é possivel apos eu fazer o envio das informações do fomulario com o JQUERY form. Segue o código jquery.
      <script> $a = jQuery.noConflict(); $a(document).ready(function() { $a(".resultado").hide(); $a("#form1").ajaxForm({ target: ".resultado", beforeSend: function () { $a(".enviar").css("background-image", "url(img/loader.gif)"); $a(".enviar").css("background-repeat", "no-repeat"); $a(".enviar").css("background-position", "left"); $a(".enviar").css("background-position", "5px 6px"); //$a(".enviar").css("padding-left", "35px"); $a(".enviar").css("color", "#000"); $a(".enviar").val("SALVANDO ENTREGA"); //$a("#progressbar1").show(); }, success: function(retorno){ $a(".resultado").html(retorno); $a(".resultado").show(); //$a("#form1").resetForm(); $a(".enviar").css("background-image", "none"); $a(".enviar").css("color", "#000"); $a(".enviar").css("padding-left", "0px"); $a(".enviar").css("background-position", "none"); $a(".enviar").css("background-position", "none"); $a(".enviar").val("ENTREGA SALVO!"); $a(".salvo").val("1"); window.location.href='#foo'; //window.scrollTo(0, 10); setTimeout(function(){ $a(".resultado").hide()},9999999); //TEMPO INDEFINIDO }, }); //return false }); </script> e abaixo segue o meu codigo do Shadowbox
      <script type="text/javascript"> Shadowbox.init({ handleOversize: "drag", modal: true }); </script> Se alguém poder me ajudar.
       
      Att;
      Gilberto Jr
    • Por blsbruno
      Ola galera, boa tarde a todos!!!
       
      Preciso abri um Shadowbox ao submeter um formulario, enviando por POST as variáveis do form, alguém saberia me dizer se é possível fazer isso?
      Pode até ser por ClearBox ou LightBox...
       
       
      Segue abaixo como estou fazendo no momento:
       
      * HTML:
          <link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css" />
          <script type="text/javascript"  src="shadowbox/shadowbox.js"></script>
          <script type="text/javascript">Shadowbox.init(); </script>

      <form action="javascript:void(0);"  method="post" name="formValida" id="formValida"  onsubmit="shadowbox_open('formulario_relatorio.php','',600,600)">
                  <input type="text" class="inputtext" name="nome" id="nome" size="40" value=""  />        
                  <input type="text" class="inputtext" name="cidade" id="cidade" size="40" value=""  />        
                  <input type="submit" value="Relatorio" class="inputbotao"  />
      </form>
       
      * Java Script
      function shadowbox_open(url,titulo,w,h)
      {
          Shadowbox.open(
              {
                  content:    url,
                  player:     "iframe",
                  title:      titulo,
                  height:     h,
                  width:      w
              }    );
      }

       
       
       
       
       
    • Por Sandroe3cw
      Pessoal estou levando o maior pau aqui...
      não consigo fazer um link dentro de um iframe abrir um shadowbox externamente.
      me ajudem!!!!!
    • Por cassio2305
      Bom dia, estou com um problema para fazer miniatura de video do youtube abrir em um highslide.
      Com imagens funciona normal, agora com video estou errando algo.
      Alguem pode me ajudar em como eu teria que montar isso?
       
      Código que mostra a miniatura
      <div class="videobox" style="width:200px; height:150px; position:relative; margin:auto; left:10px;"> <iframe width="250" height="150" src="http://www.youtube.com/embed/<?= $produto['proVideo']; ?>" frameborder="0" allowfullscreen></iframe> </div> Codigo de uma imagem que funciona normalmente
      <a class='highslide' href='<?= $imagem; ?>' onclick='return hs.expand(this)'> <img src="<?= $miniatura; ?>" /> </a> obrigado
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.