Windows Tips & News

Как исправить проблемы с проверкой разметки с помощью плагина лайтбокса

Здесь, в Winaero, и в некоторых других моих проектах я предпочитаю использовать причудливые эффекты для изображений, вставляемых в сообщения в блогах. В эффект лайтбокса, как известно, предоставляется рядом плагинов для WordPress. Однажды я изменил тему своего блога WordPress и попытался проверить ее с помощью валидатор w3c, но разметка HTML, предоставленная моим предыдущим плагином лайтбокса, была неправильной и недействительной. Я решил исправить проблему, и именно тогда я обнаружил "Всегда действующий лайтбокс"плагин, который производит допустимую разметку. Я был почти полностью удовлетворен, пока не заметил каких-то проблем с ним.

Первой проблемой была неправильная подпись к изображению. Плагин Always Valid Lightbox всегда пытается использовать подпись к изображению, который я почти никогда не использую для своих изображений. Если заголовок не задан, в лайтбоксе ничего не отображается. Вместо этого я использую текст атрибута alt которые плагин не отображал.

Второй проблемой было странное изменение размера изображения. Недавно я столкнулся с проблемой с моим "

Как вернуть вкладки в Yahoo! Почта" Почта. Он имеет следующее изображение:

Когда я щелкнул это изображение, я получил следующий лайтбокс:

Поэтому я решил разветвить плагин. Я изменил код изменения размера и заставил плагин ссылаться на атрибут «alt», если заголовок не установлен. Результат такой:

Как видите, текстовое описание под изображением также отображается. Также я убрал загрузку внешней библиотеки jQuery, потому что это просто плохо. В WordPress уже есть встроенный jQuery. Итак, теперь я полностью доволен модом плагина. Решил назвать свою версию: Всегда действующий лайтбокс мод.

Вы можете скачать мою модификацию отсюда:

Скачать плагин Always Valid Lightbox Mod для WordPress

Если и когда он будет одобрен в галерее плагинов WordPress, я также добавлю ссылку на страницу плагина.

Теперь вы можете получить плагин из официальной галереи WordPress.

Скачать с WordPress.org

Как настроить VPN-соединение в Windows 10

Как настроить VPN-соединение в Windows 10

РЕКОМЕНДУЕМЫЕ: Щелкните здесь, чтобы исправить проблемы с Windows и оптимизировать производительн...

Читать далее

Совет: запускайте калькулятор в Windows 10 напрямую

Совет: запускайте калькулятор в Windows 10 напрямую

РЕКОМЕНДУЕМЫЕ: Щелкните здесь, чтобы исправить проблемы с Windows и оптимизировать производительн...

Читать далее

Microsoft представляет Windows 11 SE для недорогих ПК для учебных заведений

Microsoft представляет Windows 11 SE для недорогих ПК для учебных заведений

Microsoft объявил новая операционная система Windows 11 под названием Windows 11 SE, ориентирован...

Читать далее