Windows Tips & News

Slik løser du problemer med markupvalidering med lightbox-plugin

ANBEFALT: Klikk her for å fikse Windows-problemer og optimalisere systemytelsen

Her på Winaero, og for noen av mine andre prosjekter, foretrekker jeg å bruke en fancy effekt for bilder som er satt inn i blogginnlegg. De lysbokseffekt, som det er velkjent, leveres av en rekke plugins for WordPress. En gang endret jeg temaet for WordPress-bloggen min og prøvde å validere den med w3c validator, men HTML-oppmerkingen fra min forrige lysboks-plugin var feil og ikke gyldig. Jeg bestemte meg for å fikse problemet, og det var da jeg oppdaget "Alltid gyldig lysboks" plugin, som produserer gyldig markering. Jeg var nesten helt fornøyd helt til jeg merket noen problemer med den.

Annonse

Det første problemet var feil bildetekst. Alltid gyldig lysboks-plugin prøver alltid å bruke bildetekst, som jeg nesten aldri bruker til bildene mine. Når bildeteksten ikke er angitt, viser den ingenting i lysboksen. I stedet bruker jeg "alt" attributttekst som plugin ikke viste.

Det andre problemet var den rare bildestørrelsen. Jeg møtte et problem med det nylig med min "

Hvordan få faner tilbake i Yahoo! Post" post. Den har følgende bilde:

Bilde i innlegget

Da jeg klikket på bildet, fikk jeg følgende lysboks:

Endret størrelse på bildetSå jeg bestemte meg for å forkaste plugin-en. Jeg har endret størrelseskoden og fått pluginet til å referere til "alt"-attributtet hvis bildeteksten ikke er angitt. Resultatet er som følger:

korrigerte resultaterSom du kan se, vises også tekstbeskrivelsen under bildet. Dessuten har jeg fjernet lastingen av det eksterne jQuery-biblioteket, fordi det bare er dårlig. WordPress har allerede innebygd jQuery. Så nå er jeg helt fornøyd med modifikasjonen til plugin. Jeg bestemte meg for å kalle min versjon: Alltid gyldig lysboksmod.

Du kan laste ned min modifikasjon her:

Last ned Alltid gyldig Lightbox Mod-plugin for WordPress

Hvis og når det blir godkjent i WordPress-plugin-galleriet, legger jeg til lenken til plugin-siden også.

Nå kan du få plugin fra det offisielle WordPress-galleriet.

Last ned fra WordPress.org

ANBEFALT: Klikk her for å fikse Windows-problemer og optimalisere systemytelsen

Windows 10 Build 15063.786-arkiver

Denne nettsiden bruker informasjonskapsler for å forbedre opplevelsen din mens du navigerer gjenn...

Les mer

Windows 10 Anniversary Update fikk utvidet støtte til 2023

Windows 10 Anniversary Update fikk utvidet støtte til 2023

Som vi skrev nylig, eiere av enheter med Intel Clover Trail CPUer er ikke i stand til å installer...

Les mer

Hva er forskjellen mellom Windows 10 Home og Windows 10 Pro

Hva er forskjellen mellom Windows 10 Home og Windows 10 Pro

ANBEFALT: Klikk her for å fikse Windows-problemer og optimalisere systemytelsenWindows 10, det ko...

Les mer