5 comentarios Ir al último comentario

  • XaviAlsina

      el 22.04.2013 a las 11:49
    Xavier Alsina Somez

    Prueba de añadir esta propiedad a las CSS de tu documento (Sólo válido con CSS3, dado que por lo que veo quieres trabajar sobre nuevos navegadores)

    background: url('imagen.jpg') //Esto es opcional -> *no-repeat center center fixed*;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0px;
    padding: 0px;

    • marcosefrem

        el 13.03.2013 a las 16:48
      Marcos Efrem Sánchez Cornejo

      Gracias fakito, esto se parece más...pero quizá me he explicado mal, quiero que el fullscreen sea dentro del navegador no que lo haga todo y quite las barras de navegación, me parece muy intrusivo, y que se escale cuando escales el navegador

      • fakito

          el 13.03.2013 a las 16:41
        fakito

        Con HTML5 puedes usar RequestFullScreen y cambiar el tamaño, no está soportado por IE y hay que usar los prefijos de los navegadores pero igual te vale.

        <!DOCTYPE HTML>
        <html>
        <head>
        <meta charset="utf-8">
        <style type="text/css" media="screen">
        #fullscreen:-webkit-full-screen {
        font-size: 5em;
        }
        </style>
        </head>
        <body>
        <div id="fullscreen">ola k ase</div>
        <script>
        var el = document.getElementById('fullscreen');
        el.onclick = function(e) {
        el.webkitRequestFullScreen();
        }
        </script>
        </body>
        </html>

        • marcosefrem

            el 13.03.2013 a las 16:26
          Marcos Efrem Sánchez Cornejo

          No, pero esto no es lo que digo...es que los textos, imágenes y demás se agranden o empeñezcan cuando reduzcas o amplies el explorador....como en flash un allowScale=true o un fscommand=fullscreen para los .exe

          • EME

              el 13.03.2013 a las 16:22
            EME

            Yo utilizo algo así, solo que ten en cuenta que según que navegador te va a mostrar la barra de menú y navegación:


            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
            <html>
            <head>
            <script language="JavaScript">
            function fullScreen(theURL) {
            window.open(theURL, '', 'fullscreen=yes, scrollbars=auto, menubar=no, toolbar=no');
            }
            </script>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            </head>
            <body>
            <div><br>
            <a href="javascript:void(0);" onclick="fullScreen('index.html');">texto</a>
            </div>
            </body>
            </html>

            Entra o únete Gratis para comentar

            Seguro que tienes mucho que decir, te estamos esperando.

            Entra Únete Gratis

            Volver arriba