| |
|
|
| | Добрый день!
Есть следующая ситуация: на сайте в результате действий пользователя показывается увеличенное изображение товара - рисуется <div style="position: fixed; z-index: 1;"> и грузится с помощью ajax фото. Очень часто фото больше окна браузера, но полосы прокрутки при этом не появляются. ТО есть пользователь в итоге не может просмотреть полностью загруженную картинку.
Посоветуйте п-ста, как справится с этой проблемой? | |
| |
|
|
| |
|
|
| |
для: rolling
(27.11.2012 в 14:26)
| | | >"рисуется <div style="position: fixed; z-index: 1;"> и грузится с помощью ajax фото"
зачем такие сложности?
<body>
<p><img src="http://wallpaper.goodfon.ru/image/94890-1920x1200.jpg"
style="width: 30%; cursor: pointer"
onclick="with (document.getElementById ('big_img')) src = this.src, style.display = 'block'"></p>
<p><img src="http://ru.best-wallpaper.net/wallpaper/2560x1600/1201/Stone-Mountain-near-the-coast_2560x1600.jpg"
style="width: 30%; cursor: pointer"
onclick="with (document.getElementById ('big_img')) src = this.src, style.display = 'block'"></p>
<p><img src="http://www.lama.kz/pic/nature/beaches/5966/rify-2560x1600.jpg"
style="width: 30%; cursor: pointer"
onclick="with (document.getElementById ('big_img')) src = this.src, style.display = 'block'"></p>
<img id="big_img" style="position: absolute; top: 0; left: 0; z-index: 5; display: none; cursor: pointer"
onclick="this.style.display = 'none'">
</body>
|
и никаких аяксов-дивов не надо
тем более вряд ли вы с помощью аякса реально грузите бинарный файл фотографии - эта технология поддерживается пока всего одним браузером | |
| |
|
|
