Problemen met markeringsvalidatie oplossen met de lightbox-plug-in

Hier bij Winaero, en voor sommige van mijn andere projecten, gebruik ik liever een fancy effect voor afbeeldingen die in blogposts worden ingevoegd. De lightbox-effect, zoals bekend, wordt geleverd door een aantal plug-ins voor WordPress. Eens heb ik het thema van mijn WordPress-blog gewijzigd en geprobeerd het te valideren met de w3c-validator, maar de HTML-opmaak die door mijn vorige lightbox-plug-in werd geleverd, was onjuist en niet geldig. Ik besloot het probleem op te lossen en toen ontdekte ik de "Altijd geldige lightbox" plugin, die geldige opmaak produceert. Ik was bijna helemaal tevreden totdat ik er wat problemen mee opmerkte.

Het eerste probleem was het verkeerde bijschrift bij de afbeelding. De Always Valid Lightbox-plug-in probeert altijd de afbeelding bijschrift, die ik bijna nooit gebruik voor mijn afbeeldingen. Als het bijschrift niet is ingesteld, wordt er niets weergegeven in de Lightbox. In plaats daarvan gebruik ik de "alt" attribuut tekst die de plug-in niet heeft weergegeven.

Het tweede probleem was het vreemde formaat van de afbeelding. Ik heb er onlangs een probleem mee gehad met mijn "Hoe u tabbladen terugkrijgt in Yahoo! Mail" na. Het heeft de volgende afbeelding:

Toen ik op die afbeelding klikte, kreeg ik de volgende lightbox:

Dus besloot ik de plug-in te forken. Ik heb de code voor het wijzigen van de grootte gewijzigd en de plug-in naar het "alt" -kenmerk laten verwijzen als het bijschrift niet is ingesteld. Het resultaat is als volgt:

Zoals u kunt zien, wordt ook de tekstuele beschrijving onder de afbeelding weergegeven. Ook heb ik het laden van de externe jQuery-bibliotheek verwijderd, omdat het gewoon slecht is. WordPress heeft al ingebouwde jQuery. de Dus nu ben ik helemaal blij met de mod van de plug-in. Ik besloot mijn versie te noemen: Altijd geldige Lightbox Mod.

U kunt mijn wijziging hier downloaden:

Altijd geldige Lightbox Mod-plug-in voor WordPress downloaden

Als en wanneer het wordt goedgekeurd in de WordPress-plug-in-galerij, zal ik de link naar de plug-in-pagina ook toevoegen.

Nu kunt u de plug-in downloaden van de officiële WordPress-galerij.

Downloaden van WordPress.org