Привет, помогите знатоки 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); |
в ява не шарю, помогите решить дело:(