Toch nog opties voor Easy FancyBox plugin

De WordPress plugin Easy FancyBox is ontstaan uit de behoefte aan:

  • Eenvoud — Andere Fancybox plugins komen met hele waslijsten aan opties en overgecompliceerde instellingen.  En dan werken ze nog niet allemaal ook…
  • FancyBox 1.3.1 — Op zoek naar de nieuwste optie om afbeeldingstitel in een ‘overlay’ weer te geven, bleek dit niet mogelijk in andere plugins omdat die allemaal gebruik maken van oudere versies van het FancyBox script.
  • Multi-site geschikt — daarnaast moest de plugin geschikt zijn voor gebruik in WPMU 2.9+ en WP3.0+ in Multi Site mode. Het liefst ook vanuit de /mu-plugins/ directory.

En al snel was de plugin geboren…

Automatisch FancyBox 1.3.1 op alle afbeeldingskoppelingen mét mouseweel script om door een galerij te bladeren,  titlePosition ‘over’ en ‘elastic’ transitie effect. Geen andere keuze. Geen gedoe.

Maar toen begonnen er wat vragen binnen te druppelen. Of het toch niet mogelijk was om enkele kleine  veranderingen te doen. De afbeeldingstitel toch liever ónder de afbeelding zoals het vroeger was?

Hmmm…

Nou, goed dan. Een paar basic opties. Kan geen kwaad. Maar ik blijf erbij dat ik geen ‘gedoe’ wil in mijn plugin. Dus geen nieuwe opties pagina. Geen ingewikkelde dingen.

Gelukkig is er (sinds WP2.7) de Settings API en met name de functies add_settings_section(), add_settings_field() en register_setting(), waarmee het relatief eenvoudig is om opties aan bestaande admin pagina’s toe te voegen.

En nu is er dus een nieuwe versie 1.3.1.2 🙂 . Met een kleine verbetering in script maar ook de mogelijkheid om onderaan de admin pagina Instellingen > Media onder het nieuwe kopje FancyBox een klein aantal instellingen te veranderen. Geheel naar eigen keuze:

  1. Titel Positie — ‘Overlay’ (default) laat de titel tekst met de afbeelding overlappen. ‘Inside’ geeft de tekst weer onder de afbeelding in de witte marge. En ‘Outside’ plaatst de tekst buiten de marge in een eigen kadertje. Deze laatste optie blijkt snel te conficteren met andere css en wordt daardoor op een aantal websites niet goed weergegeven.
  2. Transitie  In — ‘Elastic’ (default) laat de afbeelding vanuit duimnagel-maat groeien tot de zijn volledige grootte. ‘Fade In’ laat de afbeelding verscherpen van onzichtbaar tot zichtbaar. En ‘None’ schakelt transitie-effect uit.
  3. Transitie  Out — ‘Elastic’ (default) laat de afbeelding vanuit zijn volledige grootte terug naar duimnagel-maat krimpen. ‘Fade Out’ laat de afbeelding vervagen van zichtbaar tot onzichtbaar. En ‘None’ schakelt transitie-effect uit.

Maar luister… ALS ik er aan toe kom dan heb ik nog een paar instellingen in gedachte om hier aan toe te voegen, maar ik ga het NIET ingewikkeld maken.

Ik weiger! 😉

Geef een reactie