MegaZine3 Version 1 ("The Old One") > Tutorials

[Tutorial] Zoommodus (BG) (Увеличителен модус)

(1/1)

Bob:
Zoommodus (увеличителен модус)

Megazine 3 предлага един вграден мащабно-увеличителен(zoom)- модус за изображения/снимки (IMG елементи). Това означава, че е възможно да бъде посочен от потребителя друг URL (адрес) на изображение/снимка с по-висока резолюция (увеличена) или SWF-Флеш, която може може да отвори в този модус. Освен това в увеличителният модус може изображенията/снимките да образуват формата на галерия, така че снимките в галерията могат да бъдат прелиствани без да се напусне увеличителният (zoom)модус.

Настройка - Снимка/и с висока резолюция!

За да можете да използвате варианта за увеличение - на една с по-висока резолюция снимка - употребете атрибутът: 'hires'

--- Code: (xml) ---<img src="една/снимка.jpg" hires="една/голяма_снимка.png"/>
В случай, че атрибутът на графиченият елемент hires е поставен, ще трябва само да кликнете върху изображението за да го отворите. Така определената чрез 'hires' и отворена снимка може разбира да бъде всяка произволна снимка. Но за да се гарантира интуитивното приложение се препоръчва да се използва снимка, която е версията на показаната в страницата (например когато е показана само част или детейл от цялата снимка) или съответно същата снимката, но с по-висока резолюция.

Свързани (Linked) снимки / позициониране на Zoomicons (Лупа)

Обикновено когато мишката се движи върху снимката се появява един малък Zoomicon (Лупа) върху екрана и при кликване произволно върху снимката се отваря увеличителният модус. Zoomicon (Лупата) нормално е зададен като срандарт и се намира в долния десен ъгъл на снимката. Това е така за да покаже на потребителя кои снимки могът да бъдат увеличени (zoomable) и кои не, без да е необходимо мишката да се движи върху снимката. Бутонът може да бъдат скрити чрез използване на атрибута 'showbutton'(покажи бутона) и задаване на стойност "false" (фалшив). Ако обаче снимката е свързана (Linked) (т.е. ако атрибут URL е зададен) то Zoomicon не може да бъде скрит, тъй като това е единственият начин за отваряне на увеличителният модус. Кликване върху снимката отваря връзката (Link).

Zoomicon (Лупа) може понякога, а и трябва свободно да бъде разположен върху снимката (например за да се избегне зона, където този бутон не може да се кликне, а именно когато се отиде в края на страниците, където се задейства прелистването). За това тук може да бъде използван атрибутът "iconpos" - отговорен за позиционирането - например така:


--- Code: (xml) ---<img src="една/снимка.jpg" hires="една/голяма_снимка.png" iconpos="top left"/>
Пиксел-прецизно позициониране също е възможно, но затова ще трябва да зададете координатите за Х и Y (за повече информация хвърлете поглед на документацията).

Създаване на галерия

От повече снимки може да се създаде фотогалерия, т.е. сбирка от снимки, които могът да бъдат сменявани и раглеждани в увеличителният модус.
Отговорен за това е атрибутът 'gallery'(Галерия). За да прибавите две снимки към един албум, трябва да зададете просто, т.е. да дефинирате името на галерията при всака от снимките.


--- Code: (xml) ---<img src="снимка1.jpg" hires="голяма_снимка1.jpg" gallery="myGallery"/><img src="снимка2.jpg" hires="голяма_снимка2.jpg" gallery="myGallery"/>
По този начин бихте могли да създадете произволен брой фотогалерий.

Забележка за режима при Fullscreen (цял екран) модус
 

В основната настройка при отваряне на 'Zoom'-модуса - за да има на разоложение по-голяма видима площ - автоматичното се активира fullscreen (цял екран) модус.
Това поведение може да се контролира чрез поставяне на атрибута 'zoomfs'. Атрибутите могат да бъдат променени при Елемента book.
За да деактивирате fullscreen (цял екран) модус постъпете така: 


--- Code: (xml) ---<book zoomfs="false">
Ако вие предварително ръчно сте активирали модуса за fullscreen (цял екран), така или иначе при отварянето на Zoom (увеличителният) модус ще бъде използван целият екран.

Свързани(Linked) снимки при Zoom(увеличителен) модус

Имаше някои въпроси, дали не би било възможно снимките при „Zoom“ (увеличителен) модус да са свързани(linked).
Следва кратко обяснение - защо тази функция не би трябвало да се използва, но също така се предлага и "Workaround" (преодоляване на проблеми) в случай, че това е абсолютно необходимо.
Защо не: Изключително интуитивно поведение. Една от основните цели на Megazine 3 е да осъществи интуитивното му използване. Но нека да приемем сега следнато:
При кликване и местене на видимата част на снимката в „Zoom“ увеличеният модус тя не пасва напълно в областа на дисплея.
В случай че напълно пасва, то едно кликване ще изпълни свързване(Link) и ще затвори (ако е отворен) също и fullscreen (цял екран) модус.
Това е всичко друго, но не интуитивност.

Как все пак е възможно: Използвайте един SWF-флеш като Zoom-вариант и обработете поведението на този SWF-флеш-Кликвания за случаите при отварянето на линк.

Navigation

[0] Message Index