Image menu

Тема в разделе "Веб-дизайн", создана пользователем girlwolf, 1 окт 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. girlwolf

    girlwolf Писатель

    Регистр.:
    21 авг 2009
    Сообщения:
    4
    Симпатии:
    0
    Здравствуйте.

    Очень понравилось меню на ресурсе Перейти по ссылке

    Но вот когда принялась за реализацию такого меню - не всё получается, у меня оно не двигается.

    В Гугле информация про это меню, в основном, на английском языке.
    Ребята, возможно у кого-то из Вас уже был опыт реализации такого меню на сайте. Подскажите, пожалуйста, как правильно его настроить?
    Спасибо.

    На всякий случай, Перейти по ссылке
     
  2. rafic

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    Ну насколько я знаю то это джава, а у тебя на сайте просто обрезаные картинки.
     
  3. капрал

    капрал

    Регистр.:
    2 окт 2008
    Сообщения:
    336
    Симпатии:
    45
    вот здесь есть почти такая же фишка, только с товарами. если что, шпизди отсюдава - Перейти по ссылке
     
  4. girlwolf

    girlwolf Писатель

    Регистр.:
    21 авг 2009
    Сообщения:
    4
    Симпатии:
    0
    Нужно сделать именно на jQuery, по-другому не получается - скрипты между собой конфликтуют.
    Пытаюсь сделать с этого модуль, но уже даже и картинки не выводятся...
     
  5. shell

    shell Прохожие

    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Kwicks for jQuery</title>
    <script src="http://jmar777.googlecode.com/svn/trunk/js/jquery-1.2.6.js" type="text/javascript"></script>
    <script src="http://kwicks.googlecode.com/svn/branches/v1.5.1/Kwicks/jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script>
     
    <script type="text/javascript">
    $().ready(function() {   
        $('.kwicks').kwicks({   
            max : 205,   
            spacing : 5   
        });   
    });   
    </script>
    <style>
     
    .kwicks {   
        list-style: none;   
        position: relative;   
        margin: 0;   
        padding: 0;   
    }   
    .kwicks li{   
        display: block;   
        overflow: hidden;   
        padding: 0;   
        cursor: pointer;   
    }   
    .kwicks li{   
        float: left;   
        width: 125px;   
        height: 100px;   
        margin-right: 5px;   
    }   
    #kwick1 {    
        background-color: #53b388;   
        background-image: url('images/meet.gif');   
    }   
    #kwick2 {   
        background-color: #5a69a9;   
        background-image: url('images/kwicks.gif');   
    }   
    #kwick3 {   
        background-color: #c26468;   
        background-image: url('images/for.gif');   
    }   
    #kwick4 {    
        background-color: #bf7cc7;   
        background-image: url('images/jquery.gif');   
        margin-right: none;   
    }   
    </style>
    </head>
    <body>
    <ul class="kwicks" >  
        <li id="kwick1"></li>  
        <li id="kwick2"></li>  
        <li id="kwick3"></li>  
        <li id="kwick4"></li>  
    </ul> 
    </body>
    </html>
     
Статус темы:
Закрыта.