Мы получили это задание из школы, чтобы воспроизвести этот пример (созданный во Flash) в простой Javascript, HTML и CSS (jquery/Mootools не разрешены). Теперь у меня есть сетка, но я не могу понять, какую функцию использовать, чтобы увеличить все изображения одновременно? Что было бы решением? Мне пришло в голову, что onClick каждое изображение переходит в реальный размер и использует Javascript для отключения панелей инструментов, а затем использует стрелки для навигации? Или есть более простой способ?
Эффект масштабирования Javascript?
Ответы (1)
Javascript/jquery будет лучшим способом сделать это
MojoZoom — это бесплатный JavaScript-скрипт масштабирования изображений, который работает, наведя указатель мыши на изображение, чтобы просмотреть его увеличенную версию.
Он помещает квадрат справа от изображения с увеличенной частью изображения.
Помимо добавления эффекта масштабирования к вашему изображению, он также автоматически свяжет его с версией с высоким разрешением.
Разработчики также выпустили слегка измененную версию скрипта под названием MojoMagnified. Оба они являются независимыми скриптами и не требуют для работы внешних библиотек JS.
см. http://www.nihilogic.dk/labs/mojozoom/
также см. 5 потрясающих сценариев масштабирования изображений на JavaScript
person
Hemant Metalia
schedule
08.02.2012
Да, я бы разобрался с этими плагинами, но все же я не вижу, чтобы они работали с эффектом, который мы должны воспроизвести. Это похоже на то, что весь браузер фокусируется на одном конкретном div. Эти плагины только масштабируют/увеличивают только определенную область, а не всю страницу. Спасибо за усилия
- person ; 08.02.2012
@DelanodeRooij, что вы хотите, это увеличить всю веб-страницу? это браузер по умолчанию
- person Hemant Metalia; 08.02.2012
@DelanodeRooij, если вы хотите сделать это самостоятельно, обратитесь к stackoverflow.com/questions/5977498/javascript-page-zoom
- person Hemant Metalia; 08.02.2012