Отображение изображения с высоким разрешением

Question

У меня действительно изображения с высоким разрешением (например, это ) это нужно посмотреть.

Я хотел бы либо разместить его на экране браузера, либо попросить пользователя прокрутить изображение (без изменения изображения).

Какие есть хорошие способы сделать такие вещи? Я предполагаю, что есть способ сделать это с помощью CSS (используя ширину / высоту) или Javascript. Мне просто интересно, какие еще решения или лучшие решения используют CSS / Javascript.

Другим хорошим способом сделать это может быть управление, позволяющее пользователям увеличивать / уменьшать изображение и перемещаться по картинке в высоком разрешении. Должен ли я просто использовать GoogleMaps API для этого?

Answer 1

Я не пробовал это, но вот пример: http://www.visual -blast.com / JavaScript / панорамный Фотопроектор-в-JavaScript / Кроме того, просто Google с открытым исходным кодом управления фотографиями для некоторых примеров и идей. Другой вариант - использовать вспышку. Сделать это тривиально с помощью встроенного флэш-модуля. Возможно, есть и некоторые флеш-программы для просмотра фотографий с открытым исходным кодом, если вам нужны идеи.

Answer 2

Лучший способ - использовать бесплатный API Карт Google. Используйте один из множества плиточных ножниц, чтобы нарезать ваше изображение, а затем показать фотографию с высоким разрешением, как карту Google - люди могут увеличивать, уменьшать масштаб и перемещаться. Разрезание изображения таким образом затрудняет кражу!

Прочтите этот блог для получения дополнительной информации

Answer 3

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

 var yourImage = document.getElementById('imageid');   
 yourImage.style.width = window.innerWidth+"px";

или просмотр всех изображений

var yourImages = document.getElementsByTagName('img');
for(var i = 0; i < yourImages.length;i++){    
     yourImages[i].style.width = window.innerWidth+"px";   
}