Я использую shadowbox, чтобы открыть и отобразить более крупную версию изображения, чем та, на которой вы щелкнули, чтобы запустить плагин.
Все работает нормально ... Однако мое изображение является динамическим, поэтому источник изображения, на который я ссылаюсь, может легко отсутствовать на сервере. Если изображение отсутствует, мой блок теней открывает оверлей, и вместо изображения он имеет небольшой заполнитель размером 1px x 1px. Я пытаюсь выяснить, как адаптировать плагин или проинструктировать его открыть окно, которое выдает маленькое сообщение об ошибке 404, похожее на одно необычное окно.
Я мог бы перейти на fancybox, но мой проект также использует shadowbox для показа видео. Так что тогда мне все равно придется хранить shadowbox для своих видео и использовать fancybox для своих изображений, что не идеально.
Мне кажется странным, что никто не пытался добавить сообщение 404 в shadowbox.
Я не могу опубликовать тестовую ссылку, так как URL-адрес безопасен, и к нему прикреплено слишком много кода, чтобы поместить все в jsfiddle.
У меня есть плагины jquery 1.7.1 и shadowbox 3.0.3, прикрепленные в верхней части моей страницы, плагин называется:
<script type="text/javascript">
Shadowbox.init({
// skip the automatic setup again, we do this later manually
skipSetup: true
});
$(document).ready(function () {
// set up all anchor elements with a "shadowboxgallery" class to work with Shadowbox
Shadowbox.setup("a.shadowboxgallery", {
gallery: "Portfolio",
displayCounter: false
});
});
</script>
Моя ссылка в моем коде гласит:
<a class="shadowboxgallery" rel="shadowbox[Portfolio]" href="UrlToLargeImg"><img height="420" src="UrlToImg" alt="" /></a>
Еще раз, моя проблема в том, что когда «UrlToLargeImg» не может быть найден, shadowbox открывает оверлей и вместо изображения у него маленький заполнитель размером 1xx1px. Я пытаюсь выяснить, как адаптировать плагин или проинструктировать его открыть окно, которое выдает маленькое сообщение об ошибке 404, похожее на одно необычное окно.
Заранее спасибо.