Как исправить проблемы с проверкой разметки с помощью плагина лайтбокса
Здесь, в Winaero, и в некоторых других моих проектах я предпочитаю использовать причудливые эффекты для изображений, вставляемых в сообщения в блогах. В эффект лайтбокса, как известно, предоставляется рядом плагинов для WordPress. Однажды я изменил тему своего блога WordPress и попытался проверить ее с помощью валидатор w3c, но разметка HTML, предоставленная моим предыдущим плагином лайтбокса, была неправильной и недействительной. Я решил исправить проблему, и именно тогда я обнаружил "Всегда действующий лайтбокс"плагин, который производит допустимую разметку. Я был почти полностью удовлетворен, пока не заметил каких-то проблем с ним.
Рекламное объявление
Первой проблемой была неправильная подпись к изображению. Плагин Always Valid Lightbox всегда пытается использовать подпись к изображению, который я почти никогда не использую для своих изображений. Если заголовок не задан, в лайтбоксе ничего не отображается. Вместо этого я использую
текст атрибута alt которые плагин не отображал.Второй проблемой было странное изменение размера изображения. Недавно я столкнулся с проблемой с моим "Как вернуть вкладки в Yahoo! Почта" Почта. Он имеет следующее изображение:
Когда я щелкнул это изображение, я получил следующий лайтбокс:
Поэтому я решил разветвить плагин. Я изменил код изменения размера и заставил плагин ссылаться на атрибут «alt», если заголовок не установлен. Результат такой:
Как видите, текстовое описание под изображением также отображается. Также я убрал загрузку внешней библиотеки jQuery, потому что это просто плохо. В WordPress уже есть встроенный jQuery. Итак, теперь я полностью доволен модом плагина. Решил назвать свою версию: Всегда действующий лайтбокс мод.
Вы можете скачать мою модификацию отсюда:
Скачать плагин Always Valid Lightbox Mod для WordPress
Если и когда он будет одобрен в галерее плагинов WordPress, я также добавлю ссылку на страницу плагина.
Теперь вы можете получить плагин из официальной галереи WordPress.
Скачать с WordPress.org