Carousel menu

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

ARPLANNET

Писатель
Регистрация
26 Ноя 2007
Сообщения
9
Реакции
3
Меню в виде карусельки. Очень красиво!

В main.tpl после
PHP:
<head>

Добавить:

PHP:
<script type="text/javascript" src="/templates/Simple/css/jquery.js"></script>
<script type="text/javascript" src="/templates/Simple/css/interface.js"></script>

В main.tpl ставим в том месте где будет меню:

PHP:
<div id="carousel">
<a href="ссылка тут#"><img src="/templates/Simple/images/ua.ico" border="0"/></a> 
<a href="ссылка тут#"><img src="/templates/Simple/images/ru.ico" border="0"/></a> 
<a href="ссылка тут#"><img src="/templates/Simple/images/en.ico" border="0"/></a> 
<a href="ссылка тут#"><img src="/templates/Simple/images/sp.ico" border="0"/></a> 
<a href="ссылка тут#"><img src="/templates/Simple/images/it.ico" border="0"/></a> 
<a href="ссылка тут#"><img src="/templates/Simple/images/fr.ico" border="0"/></a> 

</div><script type="text/javascript">window.onload = function(){$('#carousel').Carousel({itemWidth: 50,itemHeight: 50,itemMinWidth: 50,items: 'a',reflections: .5,rotationSpeed: 2});}; </script>

Далее в engine.css типа такого:
PHP:
#carousel{width:400px;height:90px;position:absolute;top:100px;left:50%;}
#carousel a{position:absolute;}

И в каталог ТЕМА/css закинуть: Для просмотра ссылки Войди или Зарегистрируйся

Пример для движка DLE. Легко сделать под свой.

Пример работы: Для просмотра ссылки Войди или Зарегистрируйся
 
а я то думал что эето флеш, кстати диаметр и скорость прокрутки в скрипте можно корректировать. :ay::yahoo:
Видел на одном сайте такое решение, только админ падлюка тот не хотел делиться.
 
А какой сайт? Может там файлы скрипта оптимизированы, себе заберу :-]
 
Единственное, что не очень нравиться, так это нервное дрожание иконок в карусели. Это можно убрать? Если да, то где?
 
хелп

Меню очень красивое.
Хочу прикрутить данное меню на Shop-script (по замыслу оно будет служить каталогом товаров).
Пробовал прикрутить: Смарти выдает ошибку что не понимает функцию {$('#carousel').
Как данную ошибку исправить? :bc:
За помощь с меня пиво
 
Красиво получилось.
Я тоже карусель делал, только немного другую, пример тут есть: commeq.ru/index.php
Если интересно, могу ссылку с исходниками и описанием поискать
 
на джумлу по моему есть подобный плагин Flash Carousel ... порыскай в гоогле...может чего и найдешь.
 
Прикрутил у себя на сайте, просто супер, спасибо!
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху