Как я могу добиться этого эффекта с помощью jQuery или CSS?

Question

Можно ли переключать HTML по клику?

У меня есть индексная страница с большим изображением. Под изображением есть четыре ссылки. Когда курсор перемещается по ссылке, я бы хотел, чтобы появилась небольшая подсказка. Если пользователь щелкает ссылку, я хочу, чтобы большое изображение изменилось, а поверх него появился какой-то дополнительный HTML-код (просто небольшое поле с контентом).

Мне кажется, я выяснил всплывающую подсказку с помощью jQuery, но я не уверен, как изменить изображение , а добавить маленькое поле для содержимого поверх него.

Заранее всем спасибо.

Answer 1

Рассмотрим этот фрагмент:

$("#someLinkID").click(function() {
    $("#someImageID").attr("src","newimage.jpg");
    $("#someContentDiv").show();
});

Синтаксис может быть отключен, я не использовал jQuery в течение нескольких месяцев, но вы поняли идею. По сути, вы присоединяете обработчик кликов к ссылке, и когда обработчик запускается, вы можете динамически изменять атрибут src тега изображения на любое изображение, которое вы хотите, и в то же время вы можете показывать div, на который вы поместили изображение заблаговременно с скрытой видимостью.

Answer 2

Мне кажется, что вы, возможно, захотите слайдер контента ... посмотрите этот список из 25 различных.

Answer 3

Tabtastic - хорошая, доступная, изящно унизительная реализация этого.