Есть вот такой скрипт, прекрасно работающий с изображениями на странице. Как его вставить в functions.php, чтоб работал на все изображения сайта?
<p><img src="images/karta1.jpg" width="200" style="cursor: zoom-in;" onclick="example(this)"></p>
<script>
var t, a;
function example(e){
clearTimeout(t);
var w = e.width;
if (a) {
t = setInterval(function () {
if (w <= 200) clearTimeout(t);
e.style.cursor = ‘zoom-in’;
e.style.borderRadius = ‘1px’;
e.style.boxShadow = ‘2px 2px 5px #fff’
e.width = w–;
}, 5);
}
else {
t = setInterval(function () {
if (w >= 450) clearTimeout(t);
e.style.cursor = ‘zoom-out’;
e.style.borderRadius = ‘5px’;
e.style.boxShadow = ‘2px 2px 5px #888’
e.width = w++;
}, 5);
}
a = !a;
}
</script>