Как сделать анимированную ссылку?

Discussion in 'Внешний вид, шаблоны, графика' started by piter_piter, Nov 10, 2013.

  1. Offline

    piter_piter Пользователь

    Joined:
    Jan 20, 2012
    Messages:
    76
    Likes Received:
    0
    Gender:
    Male
    Вопрос такой- как сделать так, чтобы при наведении на изображение курсора- это изображение менялось?
    Но только это изображение должно быть ссылкой.
    Как это сделать?

    Сделал вот так:
    Но это, исходя из кода- просто изображение, которое меняется при наведении курсора.
    А нужно, чтобы это изображение было ссылкой!
     
  2.  
  3. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Тогда JavaScript. Что-то типо:
    Код (html):
    1. <div class="img" onclick="document.location.href = 'http://адрес-страницы'"></div>


    Но тогда уж лучше вообще всё сделать через JS.
    Помещаете внутрь DIV картинку, обрамлённую A HREF.
    И, соответственно, пишите простенький JavaScript по смене атрибута картинки SRC при наведении курсора мыши (смена SRC картинки по событию ONHOVER / ONMOUSEOVER).
     
  4. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    shurikkan, нах такие сложности?
    картинка вставляется в тег а и при наведении курсора на него происходит смена картинки как указал ТС, при помощи :hover
     
  5. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Точно. =O
    О мой замыленый мозг...
     

Share This Page

Loading...