[Ищу] всплывающая картинка при наведении на ссылку

Тема в разделе "SEO Скрипты", создана пользователем maxueld, 17 фев 2009.

Статус темы:
Закрыта.
  1. maxueld

    maxueld Постоялец

    Регистр.:
    15 дек 2008
    Сообщения:
    72
    Симпатии:
    28
    Хто может помочь. Нужно чтобы при наведении на ссылку появлялась картинка, как сдесь http://lstk.ru/catalog/objects/object006.htm/ (фото 1, фото 2:(bc:
     
  2. jacksoft

    jacksoft

    Регистр.:
    22 мар 2007
    Сообщения:
    595
    Симпатии:
    460
    JavaScript Фреймворки.
    Например extJS.
     
  3. upandhigh

    upandhigh

    Регистр.:
    11 фев 2009
    Сообщения:
    235
    Симпатии:
    89
    лучше jQuery он на много легче.

    вот кокретный код
    http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

    тут демка
    http://cssglobe.com/lab/tooltip/03/

    юзается очень просто - просто включаешь либу в хтмлку и к каждой ссылке в тэге rel указываешь имя картики которую загружать при наведении.

    PHP:
    <a href="http://www.cssglobe.com" class="screenshot" rel="cssg_screenshot.jpg" title="Web Standards Magazine">
    Css Globe</a>
     
    Mamadu и maxueld нравится это.
  4. vitaliyphp

    vitaliyphp Создатель

    Регистр.:
    22 фев 2009
    Сообщения:
    34
    Симпатии:
    2
  5. 12qwerty12

    12qwerty12 Создатель

    Регистр.:
    19 фев 2009
    Сообщения:
    14
    Симпатии:
    0
    Вот так можно сделать вывод картики при наведении на ссылку


    PHP:
    <style type="text/css">

    a img {
    border:none;
    }

    .
    thumbnail{
    positionrelative;
    z-index0;
    }
    .
    thumbnail:hover{
    background-colortransparent;
    z-index50;
    }
    .
    thumbnail span{
    positionabsolute;
    background-color#ffffff;
    padding5px;
    left: -1000px;
    border1px dashed gray;
    visibilityhidden;
    colorblack;
    text-decorationnone;
    }
    .
    thumbnail span img{
    border-width0;
    padding2px;
    }
    .
    thumbnail:hover span{
    visibilityvisible;
    top0;
    left60px;
    }
    #counter {
    display:none;
    text-align:center;
    }
    </
    style>
    Это вставлять в где будет нужна ссылка
    PHP:
    <class="thumbnail" href="#">Скачать<span><img src="путь к картинке" width="150" height="150" alt=""><br>Название под картинкой</span></a>
     
  6. Maybe

    Maybe

    Moderator
    Регистр.:
    7 июл 2008
    Сообщения:
    1.142
    Симпатии:
    1.194
Статус темы:
Закрыта.