Banner til Freewatch

Visning af billeder

Lidt om de metoder jeg bruger til fremvisning af billeder, hvor der er en interaktion enten mellem brugeren eller clientens pc.

Jeg afsøger mulighederne for, at udvikle komponenter som gør det muligt at bruge flere komponenter på en webside, uden at siden bliver mindre overskuelig eller brugervenlig.

Embeded slideshow:

I fremtiden vil antallet visningen af levende billeder på internettet stige. Jeg har derfor udviklet en video slideviser i jquery, AJAX, xml og CSS.

Det smarte ved denne metode er, at der kan bladres i episoderne som fremvises det samme sted. Jeg har lavet nogle websider som (gen)bruger videoer fra You Tube.

Som webudvikler arbejder jeg med at fremtidige løsninger skal gøre det nemmere for mig (udvikleren), at vedligeholde siden og tilføje information til brugerne. Jeg har valgt at bruge RSS-Feed som den (data)base hvor jeg gemmer den information hvorfra en række services henter information. Jeg har kodet en brugerkontrol (usercontrol i Visual Studio) som henter og linker til de udvalgte sider, hvor der er markeret at en video-serie er indsat.

Last Mysteries of The Titanic kan som et eksempel ses her.

Billede slideshow:

Metoden er genetisk generationen før den embeded video-viseren. Jeg har opsat flere forskellige modeller af denne ved at opsætte stylesheet forskelligt.

Den simple model er at fremvise billeder, hvor al informationen ligger på siden. En kalender kan ses her.

Jeg har udviklet på en billedeviser, som henter informationen fra en xml-fil, da jeg gerne vil en metode til fremvisning af flere internetreklamer på samme plads, som er nem at vedligeholde. Et eksempel kan ses som en reklamebogholder for nogle bøger om Hitler.

Dialog- & Lightbox:

Her vises billeder, video og tekst fremhævet (i z-laget). Jeg bruger i dag oftest slideshow-metoderne (billeder og video).

Billeder: Jeg kan godt lide metoden med at bladre billederne en for. I forhold til en traditionel Lightbox har jeg valgt at lave en pil på billedet, da mine test har vist at det gør brugeroplevelsen større og brugervenligheden øges. Et eksempel kan ses her.

Video: Første gang jeg så denne metode, så vidste jeg, at den metode skulle aflures da princippet er smart. I da bruger jeg kun sjældent metoden, da jeg foretrækker andre metoder til visning af video.

Dialogboks: Her vises data også i en dialogboks, men det er muligt at medtage kode.

Adrotator:

Jeg bruger adrotator til visning af billeder som tit udskiftes. Funktionen bruges oftest til visning af reklamer, men jeg bruger den også til billeder, da funktionaliteten er nem at arbejde med og det virker.

Skip Navigation LinksForsideHjemmesiderBilledevisning
Kalender eksempel

Udsnit af kalender



Videoviser

Udsnit af videoviser



lightbox billedeviser

XML styret billedviser



lightbox billedeviser

Udsnit af Lightbox billedeviser