Extension:Easyview:documentation

Documentatie is nog in ontwikkeling

De hier gegeven beschrijving is vooral gericht op Picasa afbeeldingen. Andere externe afbeeldingen worden ondersteund. Interne mediaiwiki afbeeldingen worden nog nite verwerkt, tenzij deze als externe afbeeldingen worden aaangeboden.

Eigenschappen Picasa afbeeldingen

Picasa afbeeldingen zijn traploos te schalen van 1 pixel tot 1600 pixels (tot 2048 pixels voor betalende leden)
Dit wordt als volgt opgegeven:
size=100
http://lh4.ggpht.com/-adZEEmfxPRk/S1Tp954UkCI/AAAAAAAACiU/6isDU-ZdtMk/s100/IMGP2921.jpg size=300
http://lh4.ggpht.com/-adZEEmfxPRk/S1Tp954UkCI/AAAAAAAACiU/6isDU-ZdtMk/s300/IMGP2921.jpg

Afbeeldingen kunnen bestaan uit meerdere kleine afbeeldingen

Afbeeldingen kunnen bestaan uit meerdere kleine afbeeldingen.

Eis

Er moet voor worden gezorgd dat alle kleine afbeeldingen hetzelfde formaat (zelfde breedte en hoogte) hebben.

Werkwijze

In photoshop is een automatische functie voor het slicen van afbeeldingen in gelijke kleine afbeeldingen.(zie hier
In Picasa kunnen maximaal afbeeldingen van 1600x1600(2048x2048 betalende leden) worden opgenomen die ook via een link zijn op te vragen. Is dus een afbeelding groter slice hem dan in stukken van maximaal 1600x1600(2048x2048 betalende leden)

Afbeeldingen

Het probleem bij het vormgeven van afbeeldingen is de onbekendheid van:

verhouding van breedte en hoogte
maximale afmetingen afbeelding

Bepalen verhoudingen

Staat een kleine versie van de afbeelding op de pagina dan hiervan de verhoudingen overnemen
Is dit niet het geval dan wordt de verhouding bepaalt door de afbeelding op de site te plaatsen en hierna te bepalen wat de verhoudingen zijn. Voor picasa afbeeldingen wordt gebruik gemaakt van een size=100.

Bepalen maximale afmetingen afbeelding

De maximale afmetingen voor Picasa afbeeldingen wordt bepaalt door:

Bepalen wat de maximale beschikbare ruimte op de pagina is.(Beschikbare schermhoogte=Scherm hoogte - info hoogte. Beschikbare schermbreedte=Schermbreedte - navigatie breedte. Een van beide is leidend)
Dit omzetten naar size(indien breedte groter of gelijk aan de hoogte size=breedte x (breedte/hoogte),anders size=hoogte x (hoogte/breedte))
Dit opgeven als size bij de afbeelding
Picasa geeft de grootte van de gevraagde afbeelding of kleiner. Dit als de afbeelding kleiner is dan de gevraagde grootte.

Verzamelen elementen van een groep

Bepalen van de groep van het geklikte element. In rel staat het groepskenmerk. Daarnaast de unique sleutel van het element bepalen. (jQuery geeft elk event een sleutel.(jQuery+timestamp)). Alle acties die behoren tot dit event maken gebruik van deze sleutel met als waarde een volgnummer.
Verzamelen van alle elementen in de array easyview_group die tot dezelfde groep behoren. Bepalen welk element de actieve is gebeurt door het vergelijken van het volgnummer.

Stappen afbeelding plaatsen

Controleer of de verhouding bekend is zo niet deze dan opvragen
Bepaal de maximale bruikbare afmetingen van de afbeelding
Controleer of de echte afbeelding kleiner is.

Positionering op het scherm

ext.easyview.js
easyview_calculate_back
regel 467 easyview_current['back_top']=

Hier wordt bepaald wat de positie op het scherm is.