NYT JQuery Modal Window plugin

Jesper Holm Damgaard og jeg selv har i længere tid arbejdet på en ny version af mit gamle jQuery modal block plugin, som også bliver brugt i jQ LightView. Den nye version er kodet op fra bunden og vi har optimeret koden hele vejen igennem. Den kan alt hvad den gamle kunne, bare bedre og på en mere solid måde.

Hvad kan jQuery Modal Window?

• Vise alle slags html indhold i et modal vindue
• Styre placeringen af modal vinduet
• Styre baggrundens/madpapirets farve og gennemsigtighed
• Give adgang til vigtige events der bliver fyret når modalvinduet åbnes eller lukkes
• Give mulighed for at bestemme animationens tid

Hvordan gør den det?

JQuery Modal Window plugin’et giver adgang til nogle funktioner, der kan kaldes på alle jQuery objekter/samlinger. Den vil tage det valgte indhold og flytte det i DOM’en til den modal som bliver lavet til formålet. Det indhold der vises i modal’en er altså det eksakt samme indhold som det man valgte. Ved at gøre det på den måde vil man på et hvilket som helst tidspunkt kunne ændre på indholdet og ændringerne vil blive bibeholdt. Før jQuery plugin’et flytter indholdet vil den indsætte en markør, som benyttes til at flytte indholdet tilbage på plads, når modal vinduet lukkes igen.

Se jQuery Modal Window i aktion

Her på siden er en omfattende side med eksempler på nogle af de mange muligheder jQuery Modal Window giver. På siden kan du også downloade en minified version af pluginet og bruge den på din egen side.