Via JS kannst du ja immer noch den Browser das runterskalieren lassen...?
Mein Vorschlage wäre eben, dass du dem Bild-Container (das <div> mit id="bild") den CSS-Wert "overflow: auto" verpasst, und dann die Grösse des Containers und des Bildes via JS so einstellst, dass es noch auf dem Bildschirm Platz hat.
Bei einem Klick auf das Bild setzt die die grösse des Bildes auf 100% zurück, dann erscheinen im Bild-Container Scrollbars und man kann damit den Ausschnit ändern.
Nachtrag: Falls gewünscht kann ich dir mal was entsprechendes Proggen. Würde aber dazu dein gesamtes Javascript umschreiben müssen.