Image menu

Статус
В этой теме нельзя размещать новые ответы.
G

girlwolf

Писатель
Регистрация
21 Авг 2009
Сообщения
4
Реакции
0
Здравствуйте.

Очень понравилось меню на ресурсе Для просмотра ссылки Войди или Зарегистрируйся

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

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

На всякий случай, Для просмотра ссылки Войди или Зарегистрируйся
 
Ну насколько я знаю то это джава, а у тебя на сайте просто обрезаные картинки.
 
Нужно сделать именно на jQuery, по-другому не получается - скрипты между собой конфликтуют.
Пытаюсь сделать с этого модуль, но уже даже и картинки не выводятся...
 
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>
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху