Um das mal langsam auf ein Ziel hin zu steuern ^^
Erstmal solltest du tatsächlich den Zoom-Grad irgendwie speichern, am Simpelsten finde ich dabei Cookie+JS.
Dann sollte es eigentlich klappen, dass man die Bildgrößen einfach in einer irgendwie zur Schriftgröße relativen Einheit wählt, also % em oder ex (falls es noch andere gibt: Ich benutze sie nicht). Dann sollten sie eigentlich mit der Schriftgröße skallieren.
Oder:
Du fügst deinem CSS alles hinzu, was du in seiner Größe verändern willst und schreibst dort eine Größe hinein im Stile von
#zoom0 article.odd , #zoom0 article.even {
font-size:2cm;
}
#zoom0 article img {
width:100%;
}
Dann kopierst du den Kram x Mal, so viele Zoomstufen, wie du haben willst und passt das entsprechend an:
#zoom-1 article.odd , #zoom-1 article.even {
font-size:1.6cm;
}
#zoom-1 article img {
width:80%;
}
#zoom0 article.odd , #zoom0 article.even {
font-size:2cm;
}
#zoom0 article img {
width:100%;
}
#zoom1 article.odd , #zoom1 article.even {
font-size:2.2cm;
}
#zoom1 article img {
width:110%;
}
fügst deinem body die ID zoom0 hinzu (soweit er keine hat, sonst geht's ja auch über Klassen) und änderst diese ID by zoom.
Beide Vorschläge nicht ausprobiert und ohne Gewähr :D
sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(