Я новичок на сайте и относительно новичок в ASP.NET (по крайней мере, коммерчески).
Немного странной проблемы здесь.Я использую несколько плагинов JQuery на одной странице.Я пытаюсь показать предварительный просмотр уменьшенного изображения при наведении на изображение, а затем переключить изображение на другое после щелчка мышью и показать это изображение в FancyBox - 3 отдельных изображения, если хотите (назовемих А, В и С).Все это происходит внутри слайдера (еще один плагин JQuery).
Мне удалось заставить изображение работать внутри слайдера и даже причудливую рамку для того же изображения;то есть imgB зависает, и imgB отображается в причудливом поле.Проблема в том, что я не могу переключиться в imgC при нажатии и отображении FancyBox.Проблема заключается в том, что и для кода предварительного просмотра изображения, и для FancyBox требуется тег <'a'>, который явно не может быть вложен друг в друга.Мой Javascript-код выглядит следующим образом:
<script type="text/javascript">
$(document).ready(function() {
$("a#imgB").fancybox();
});
</script>
Мой HTML-код изображения выглядит следующим образом:
<a href="image/imgB" class="preview" id="imgB">
<img src="image/imgA" alt="Image A">
</a>
Приведенный выше код отображает изображение imgB в качестве всплывающей подсказки и отображает то же самоеизображение в FancyBox после нажатия.То, что я хочу сделать, это сохранить наведите курсор мыши как есть, но переключите изображение FancyBox на другое - imgC - после нажатия.Согласно веб-сайту FancyBox, вы можете изменить HREF, изменив настройку HREF.Я пробовал несколько вариантов, в том числе:
$("a#imgB").fancybox({
'href': href.replace('image/imgC.jpg')
});
Но, к сожалению, это не работает.У меня такое ощущение, что это что-то действительно простое, которое смотрит мне в лицо, но я не могу понять это.Буду благодарен за любую помощь.
Спасибо!