krig

Вы несколько припозднились с ответом. Я уже решил проблему.

Скачал и установил fancybox2 и проблема ушла. Старый fancybox не работал с новыми версиями jquery.

Нашел то, что мне нужно, здесь - http://www.smartmenus.org/.

Теперь возникла другая проблема. При подключении fancybox меню перестает работать.

Вот код подключения меню:

<script src="js/jquery.js"></script>

<script src="js/collapse.js"></script>

<!-- jQuery -->

<script type="text/javascript" src="js/jquery-loader.js"></script>

<!-- SmartMenus jQuery plugin -->

<script type="text/javascript" src="js/jquery.smartmenus.js"></script>

<!-- SmartMenus jQuery init -->

<script type="text/javascript">

$(function() {

$('#main-menu').smartmenus({

mainMenuSubOffsetX: 1,

mainMenuSubOffsetY: -8,

subMenusSubOffsetX: 1,

subMenusSubOffsetY: -8

});

});

</script>

А вот код подключения fancybox:

<script type="text/javascript" src="video/fancybox/jquery-1.5.min.js"></script>

<script type="text/javascript" src="video/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

<script type="text/javascript" src="video/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

<link rel="stylesheet" type="text/css" href="video/fancybox/jquery.fancybox-1.3.4.css" media="screen" />

<script type="text/javascript">

$(document).ready(function(){

$("a.foto").fancybox({

'transitionIn' :'elastic',

'transitionOut' :'elastic',

'speedIn' :1000,

'speedOut' :1000

});

});

</script>

Когда отключаю jquery-1.5.min.js в коде fancybox, меню работает, а fancybox - нет. Посоветуйте, как устранить эту неполадку?

Спасибо за идею, но я искал конкретный пример, т.к. моих умений недостаточно, чтобы воплотить эту идею в жизнь.:(

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

Подскажите, можно где-то посмотреть уроки по Joomla 3?