Windows Tips & News

Jak naprawić problemy z walidacją znaczników we wtyczce lightbox

ZALECANA: Kliknij tutaj, aby rozwiązać problemy z systemem Windows i zoptymalizować wydajność systemu

Tutaj, w Winaero, iw niektórych innych moich projektach, wolę używać fantazyjnych efektów dla obrazów wstawianych do postów na blogu. ten efekt lightbox, jak wiadomo, jest dostarczany przez szereg wtyczek do WordPressa. Kiedyś zmieniłem motyw mojego bloga WordPress i próbowałem go zweryfikować za pomocą walidator w3c, ale znaczniki HTML dostarczone przez moją poprzednią wtyczkę lightbox były nieprawidłowe i nieprawidłowe. Postanowiłem rozwiązać problem i wtedy odkryłem „Zawsze prawidłowy Lightbox" wtyczka, która tworzy prawidłowe znaczniki. Byłem prawie całkowicie zadowolony, dopóki nie zauważyłem z tym problemów.

Reklama

Pierwszym problemem był zły podpis pod zdjęciem. Wtyczka Always Valid Lightbox zawsze próbuje użyć Tytuł Zdjęcia, którego prawie nigdy nie używam do swoich obrazów. Gdy podpis nie jest ustawiony, nie wyświetla nic w Lightbox. Zamiast tego używam tekst atrybutu „alt” których wtyczka nie wyświetlała.

Drugim problemem była dziwna zmiana rozmiaru obrazu. Ostatnio miałem z tym problem z moim „Jak odzyskać karty w Yahoo! Poczta" Poczta. Ma następujący obraz:

Obraz w poście

Kiedy kliknąłem ten obraz, otrzymałem następujący lightbox:

Obraz o zmienionym rozmiarzePostanowiłem więc rozwidlić wtyczkę. Zmieniłem kod zmiany rozmiaru i sprawiłem, że wtyczka odwołuje się do atrybutu „alt”, jeśli podpis nie jest ustawiony. Wynik jest następujący:

poprawione wynikiJak widać, wyświetlany jest również opis tekstowy pod obrazem. Usunąłem też ładowanie zewnętrznej biblioteki jQuery, ponieważ jest po prostu złe. WordPress ma już wbudowane jQuery. Tak więc teraz jestem całkowicie zadowolony z moda wtyczki. Postanowiłem nazwać swoją wersję: Zawsze prawidłowy mod Lightbox.

Moją modyfikację możesz pobrać stąd:

Pobierz wtyczkę Always Valid Lightbox Mod dla WordPress

Jeśli i kiedy zostanie zaakceptowany w galerii wtyczek WordPress, dodam również link do strony wtyczki.

Teraz możesz pobrać wtyczkę z oficjalnej galerii WordPressa.

Pobierz z WordPress.org

ZALECANA: Kliknij tutaj, aby rozwiązać problemy z systemem Windows i zoptymalizować wydajność systemu
Jak korzystać z dyktowania za pomocą klawiatury dotykowej w systemie Windows 10

Jak korzystać z dyktowania za pomocą klawiatury dotykowej w systemie Windows 10

Windows 10 zawiera klawiaturę dotykową dla komputerów i tabletów z ekranem dotykowym. Gdy dotknie...

Czytaj więcej

Windows 10 „Chmura” jest teraz znany jako Windows 10 S

Windows 10 „Chmura” jest teraz znany jako Windows 10 S

ZALECANA: Kliknij tutaj, aby rozwiązać problemy z systemem Windows i zoptymalizować wydajność sys...

Czytaj więcej

Uruchom aplikacje podniesione z okna uruchamiania w systemie Windows 10

Uruchom aplikacje podniesione z okna uruchamiania w systemie Windows 10

ZALECANA: Kliknij tutaj, aby rozwiązać problemy z systemem Windows i zoptymalizować wydajność sys...

Czytaj więcej