Проблема Java-сценария - центрирование изображения

Question

У меня есть программа для просмотра изображений, использующая модуль js, называемый «облачный зум».

Он прекрасно работает и, кажется, именно то, что мне нужно.Кроме!Когда я пытаюсь расположить IMG по центру в div, это портит зрителя.

Вот мой неудачный пример.Переверните изображение, и вы увидите, что мышь и вид не совпадают.Это прекрасно работает, если бы я убрал стиль авто-поля на IMG.Мне просто нужно это изображение в середине div.

http://forumgallery.rollinleonard.com/test2.php

Пожалуйста, помогите!

Answer 1

Что-то вроде этого работает нормально в IE8 / Chrome.

<div style="display:inline-block; margin: 0 auto 0 auto"> 
     <a href='/big.jpg' class='cloud-zoom' id='zoom1' rel=""><img src="/small.jpg" alt='' title="Optional title display" /></a> 
    </div> 

Answer 2

1. Удалите автоматическое поле из IMG
2. Добавьте автоматическое поле в тег A, содержащий IMG
3. Установите отображаемый тег A: inline-block