CSS: как исправить положение изображения - PullRequest
2 голосов
/ 02 ноября 2011

Я был на многих форумах, но никто не мог дать мне ответ.Этот сайт - мой последний шанс.

У меня есть программа просмотра изображений, основанная на javascript.Существует определенное количество, если столбцы изображений (JS Cound зависит от числа строк php / mysql).Теперь в выводе есть три столбца изображений, которые находятся на двух строках.Когда у меня максимальное разрешение экрана, я могу открыть эту ссылку, чтобы увидеть, как выглядит зритель:

http://jsfiddle.net/5mfbM/22/

Изображения являются эскизами.Когда я перемещаю курсор мыши на третий эскиз в строке, изображение само масштабируется.Я корректирую положение изображения путем позиционирования CSS, вправо или влево, в зависимости от размера изображения.Таким образом, изображение остается внутри внутреннего размера окна / экрана.Так что он должен оставаться в позиции на первой линии, справа.Но что происходит, так это то, что изображение переходит на следующую строку слева (вы увидите мигание изображения, потому что есть событие onmouseout, чтобы скрыть изображение.).Я спрашиваю, как остановить переход на следующей строке и игнорировать относительное положение в правилах CSS.Я сделал родительское погружение широко, чтобы убедиться, что на изображении достаточно места.

Редактировать: у меня есть эти изображения из отладчика Firebug CSS, чтобы показать вам стили:

Изображение 1

Изображение 2

Изображение 3

И изображение 2 та же ссылка, но "viu1319790616v.jpg" И изображение3 та же ссылка, но "bwy1319790927w.jpg"

Ответы [ 2 ]

0 голосов
/ 04 ноября 2011

Позже я заметил, что в своем исходном коде я исключил onload = setImages (); Я не помню, почему я это сделал, но мне кажется, что это была разница, которая привела к примеру с jsfiddle. 22 не работает правильно. Для этого здесь новое обновление без события onload: пример # 24 Этот получит миниатюру к ее оригинальному размеру.

Похоже, этот код работает правильно на jsfiddle (увеличьте ширину окон / рамок, чтобы получить максимальную ширину окна / рамки), но не на моем компьютере с исходным кодом ...

0 голосов
/ 02 ноября 2011

Попробуйте использовать свойство zoom в CSS. Вы можете избежать большого куска кода.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...