zakirsajib
  • 0
Новичок

Как отображать заголовок и отрывок сообщения при наведении курсора мыши на изображение?

  • 0

В настоящее время я немного занят разработкой одного веб-сайта о моде (http://test-domain.zakirsajib.co.uk/), где у меня есть изображения из сообщений, и когда мышь будет наведена на любое изображение, соответствующий заголовок сообщения и сообщение выдержка будет отображаться. Хотя сделать это не удалось 🙂

Любая подсказка будет полезна.

Сайт разрабатывается в среде wordpress, поэтому любые php и css (хотя части css готовы, просто нужна небольшая помощь от части php)

Share
  1. Я думаю, что php, который вам нужно поместить в свой шаблон,

    <?php the_title();?>
    

    а также

    <?php the_excerpt();?>
    

    Завернутый в то, что вы используете для наведения

    • 0
  2. Я давно не пользовался Internet Explorer, но уверен, что настройка «alt» не будет отображаться в виде всплывающей подсказки в браузерах, отличных от IE. Для этих браузеров вам нужно будет установить атрибут title.

    • 0
  3. не могли бы вы просто установить его в поле alt и title для изображения?

    img src="whatev" alt="<?php the_title(); ?>: <?php the_excerpt(); ?>" title="same code as alt" />
    

    Конечно, это будет работать только в цикле WP, но я предполагаю, что мы находимся в цикле, если вы отображаете изображения?

    • 0
  4. вы могли бы попробовать это. служит цели.

    <div class="post-content">
        <img src="" alt="img" />
        <div class="post-entry">
            <?php the_title();?><br>
            <?php excerpt();?>
        </div>
    </div>
    

    Требуемый CSS

    .post-content {background: #f60;}.post-entry {display:none;}.post-content:hover.post-entry{display:block;}

    • 0

Оставить ответ

You must login to add an answer.