Zugriff auf browser-Seite, zoom-Steuerelemente mit javascript

Will ich weisen Sie die browser (IE/FF) Seite zoom Steuerelemente (Menü: Ansicht/Zoom/Zoom In_Zoom), zwei große "( + ) ( - ) " - Symbole auf der web-Seite, so dass sehbehinderte Besucher können mit Hilfe dieser Bedienelemente bequem.

Viele auf der Suche nach einem geeigneten Skript kam leer also hier bin ich.

Jeder code, den Sie wissen, wird dies einfach?

Alle das beste...

Bob

InformationsquelleAutor Bob | 2010-04-05

  1. 4

    Sollten Sie in der Lage sein, CSS3 Transform - Eigenschaft mit JavaScript auf scale Inhalt. Dies wird nicht gebunden werden, um die web-browser-zoom-Funktion wenn.

    Zum Beispiel könnten Sie festlegen -webkit-transform: scale(1.25); (auf einen webkit-browser; das äquivalent in anderen Browsern) zum vergrößern von 25%.

    InformationsquelleAutor Dean Burge

  2. 3

    Kann nicht durchgeführt soweit ich weiß. Wie schon an anderer Stelle diskutiert auf ALSO, ist es möglich erkennen mit der browser-zoom-Stufe mit einer Reihe von tricks. Es gibt keinen Weg, um set Sie von plain JavaScript.

    Vielleicht in eine Firefox-Erweiterung.

    Verwandte:

    InformationsquelleAutor Pekka 웃

  3. 1

    Dies ist, wie ich etwas ähnliches in jQuery:

    Ich habe es Letzte Nacht und getestet in IE7, IE8, FF3.6, Safari 5, Chrome 10, - und mehr.

    Habe ich ein banner, das überläuft, wenn die Menschen verkleinern auf einigen Browsern. So überprüfe ich die Breite von meinem .nav. Wenn es umschließt, es wird kürzer sein, dass seine volle Breite.

       $(function() {

        //launch doZoomCheck on load
        doZoomCheck();

        $(window).resize(function() {
            //.resize ALSO fires when people change the zoom of their browser.
            doZoomCheck();
        });

        function doZoomCheck() {
              var width = $(".nav ul").width();
              //if the width of the banner isn't near 976 is prolly overflowing
              if ( width > 976) {
                     //change to narrow font so menu doesn't wrap funny
                     $(".nav ul li a, #footer .frankmed").css("font-family", "Arial Narrow");
              }
                 //if width is back to normal change the font back
              if ( width < 976) {
                 //remove special styles when zoomed back out
             $(".nav ul li a").attr('style','');
             }
        }
  });

    Bin ich mit Hilfe von jQuery 1.5, prolly Werke wieder auf 1.3.2 aber noch nicht überprüft.

    Bitte beachten Sie: Meine Schriftgröße 20px schon so Arial Narrow ist sehr gut lesbar bei dieser Größe. Ich bin nicht zu stoppen die Benutzer ändern die Größe der schriftart. Ich bin nicht zu überschreiben. Ich bin nur die änderung einer schriftart. Verwenden Sie dieses Skript für die bösen. Seien Sie nicht dumm. Barrierefreiheit ist wichtig.

    InformationsquelleAutor Joel Crawford-Smith

Schreibe einen Kommentar