Получихме това задание от училище да възпроизведем този пример (създаден във 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
