Javascript zoom effect?

Мы получили это задание из школы, чтобы воспроизвести этот пример (созданный в Flash) в простой Javascript, HTML и CSS (jquery/Mootools не все). Теперь я получил сетку правильно, но я не могу понять, какую функцию использовать для масштабирования всех изображений сразу? Каким будет решение? Один из них, который перешел мне на ум, - onClick, каждое изображение входит в реальный размер и использует Javascript для отключения панелей инструментов, а затем с помощью клавиш для навигации? Или есть более простой способ?Javascript zoom effect?

http://www.simpleviewer.net/postcardviewer/app/

источник

2012-02-08 Delano de Rooij

Javascript/JQuery будет лучшим способом сделать это

MojoZoom является свободным JavaScript Image Zoom скрипт, который работает, перемещая курсор мыши на изображение, чтобы увидеть увеличенный вариант.

Он помещает квадрат справа от изображения с увеличенной частью изображения.

В дополнение к добавлению эффекта масштабирования к вашему изображению он автоматически свяжет его с его версией с высоким разрешением.

Разработчики также выпустили слегка модифицированную версию скрипта MojoMagnified. Оба эти независимые сценарии и не требуют внешних библиотек JS для работы

см http://www.nihilogic.dk/labs/mojozoom/

также относится 5 Amazing JavaScript Image Zoom Scripts

источник

2012-02-08 09:44:31

Да, я бы выяснить этот плагины, но пока я не вижу, что работа в эффекте, который мы предполагаем воспроизвести. Это похоже на весь браузер, ориентированный на один конкретный div. Эти плагины только «увеличивают»/увеличивают только определенную область, а не всю страницу. Спасибо за усилия tho –

@DelanodeRooij, что вы хотите, чтобы увеличить всю веб-страницу? его браузер по умолчанию объект –

@DelanodeRooij, хотя, если вы хотите сделать это по собственному адресу http://stackoverflow.com/questions/5977498/javascript-page-zoom –

Javascript zoom effect?

ответ

Смежные вопросы