Подключаю плагин bgstretcher, все по инструкции. В индексном файле идет такое подключение в <head>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery-migrate-1.2.1.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/swfobject.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/bgstretcher.js"></script>
Да это Joomla шаблон! (самописный, не скачанный)
Инициализирую здесь же в <head> сразу после подключения скриптов
<script>
$(document).ready(function(){
// Initialize Backgound Stretcher
$('BODY').bgStretcher({
images: ['images/background1.jpg', 'images/background2.jpg', 'images/background3.jpg', 'images/background4.jpg'],
slideDirection: 'N',
maxWidth: 'auto',
maxHeight: 'auto',
nextSlideDelay: 7000,
slideShowSpeed: 2000,
transitionEffect: 'fade',
sequenceMode: 'normal',
buttonPrev: '#prev',
buttonNext: '#next',
pagination: '#nav',
anchoring: 'left center',
anchoringImg: 'left center'
});
});
</script>
Ничего не происходит (хотя фон уже должен стать слайдером)
Смотрю в firebag выдает такую ошибку
TypeError: $ is not a function
$('BODY').bgStretcher({
До этого, когда был только один HTML каркас все работало замечательно.
Подключал и Jquery 1.5.2 (что идет в коробке с плагином) и 1.9.1 с плагином миграции, не хочет работать!
Кроме этих скриптов больше ничего не подключается (поотключал все что можно было, чтобы не было конфликтов).
Помогите пожалуйста!