Мне было интересно, если в атрибутах width и height я могу указать ширину и высоту в процентах?
Ну, я думаю, это очевидно, потому что, когда я пытаюсь сделать это, он изменяется, но, похоже, он искажает качество моего изображения.
Вот пример моей разметки с фиксированными атрибутами:
<img src="#" width="346" height="413">
Теперь, пытаясь уменьшить масштаб, скажем, наполовину, через проценты:
<img src="#" width="50%" height="50%">
Я получаю нечто совершенно иное, чем:
<img src="#" width="173" height="206.5">
Я думаю, что я просто принципиально ошибаюсь в своей процентной разметке или чем-то, потому что есть визуальная разница между моим вторым и третьим примерами.
UPDATE: Привет всем за все полезные сообщения!
Мне действительно нравится предложение jQuery, сделанное Пэт только потому, что с помощью одного фрагмента, как он предложил, я могу на самом деле изменить селектор и сделать его применимым ко всем моим изображениям, затронутым fancybox, например:
$('img.FancyBox').each(function(){
$(this).width($(this).width() * 0.25);
});
Как это здорово!
Вы можете проверить живой эффект здесь на моем сайте: http://www.marioplanet.com/product.htm
Это работает очень хорошо, учитывая тот факт, что как только я подключу его к моей базе данных SQL Server, я могу просто применить этот один фрагмент jQuery ко всем изображениям класса FancyBox на моих страницах продукта.
Спасибо, ребята!