Привет, помогите знатоки jQuery , проблема:
Поставил на joomla 2.5 модуль [SIZE=2] Xpert Captions он выводит парочку мне нужного контента![/SIZE]
потом заходел сделать вкладки с категориями, подключил код и тут беда перестал работать Xpert Captions!
код кода которого я подключал
код
в ява не шарю, помогите решить дело:(
Поставил на joomla 2.5 модуль [SIZE=2] Xpert Captions он выводит парочку мне нужного контента![/SIZE]
потом заходел сделать вкладки с категориями, подключил код и тут беда перестал работать Xpert Captions!
код кода которого я подключал
| Код |
|---|
<script type="text/javascript">
$(document).ready(function(){
var first = 0;
var speed = 900;
var pause = 4500;
function removeFirst(){
first = $('ul#listticker li:first').html();
$('ul#listticker li:first')
.animate({opacity: 0}, speed)
.fadeOut('slow', function() {$(this).remove();});
addLast(first);
}
function addLast(first){
last = '<li style="display:none">'+first+'</li>';
$('ul#listticker').append(last)
$('ul#listticker li:last')
.animate({opacity: 1}, speed)
.fadeIn('slow')
}
interval = setInterval(removeFirst, pause);
});
</script>
<script type="text/javascript">
$(function() {
$( "#tabs" ).tabs();
});
</script> |
код
| Код |
|---|
(function($){
if(!$.omr){
$.omr = new Object();
};
$.XpertCaptions = function(el, options){
var base = this;
// Access to jQuery and DOM versions of element
base.$el = $(el);
base.el = el;
// Add a reverse reference to the DOM object
base.$el.data("XpertCaptions", base);
base.init = function(){
base.options = $.extend({},$.XpertCaptions.defaultOptions, options);
base.load_box();
};
// Preload Images
base.load_box = function(){
// Hide until window loaded, then fade in
if (base.options.preload){
$(base.options.backdrop, base.el).hide();
$(base.options.overlay, base.el).hide();
$(window).load(function(){
// IE transparency fade fix
if(base.options.options.animation == 'fade' && $(base.options.overlay, base.el).css('opacity') == 0 ) $(base.options.overlay, base.el).css('filter', 'alpha(opacity=0)');
$(base.options.overlay, base.el).fadeIn(200, function(){
$(base.options.backdrop, base.el).fadeIn(200);
});
base.allow_hover();
});
}else{
$(base.options.backdrop, base.el).show();
$(base.options.overlay , base.el).show();
base.allow_hover();
}
};
// Initialize hover animations
base.allow_hover = function(){
// Select animation
switch(base.options.animation){
// Handle fade animations
case 'fade':
$(base.el).hover(function () {
$(base.options.overlay, base.el).stop().fadeTo(base.options.speed, base.options.opacity);
},function () {
$(base.options.overlay, base.el).stop().fadeTo(base.options.speed, 0);
});
break;
// Handle slide animations
case 'slide':
// Grab default overlay x,y position
startX = $(base.options.overlay, base.el).css(base.options.anchor_x)!= 'auto' ? $(base.options.overlay, base.el).css(base.options.anchor_x) : '0px';
startY = $(base.options.overlay, base.el).css(base.options.anchor_y)!= 'auto' ? $(base.options.overlay, base.el).css(base.options.anchor_y) : '0px';;
var hoverState = {};
hoverState[base.options.anchor_x] = base.options.hover_x;
hoverState[base.options.anchor_y] = base.options.hover_y;
var endState = {};
endState[base.options.anchor_x] = startX;
endState[base.options.anchor_y] = startY;
$(base.el).hover(function () {
$(base.options.overlay, base.el).stop().animate(hoverState, base.options.speed);
},function () {
$(base.options.overlay, base.el).stop().animate(endState, base.options.speed);
});
break;
};
};
// Make it go!
base.init();
};
$.XpertCaptions.defaultOptions = {
animation : 'fade',
speed : 150,
opacity : 1,
preload : 0,
anchor_x : 'left',
anchor_y : 'bottom',
hover_x : '0px',
hover_y : '0px',
overlay : '.xc-overlay',
backdrop : '.xc-backdrop'
};
$.fn.xpertcaptions = function(options){
return this.each(function(){
(new $.XpertCaptions(this, options));
});
};
})(jQuery); |
в ява не шарю, помогите решить дело:(
