Hi Nagendra,
This realy help yes, thanks.
There is just a small mistake in your code, your forgot an
}.
Your code should be :
1
2AUI().use('get', function(A){
3 A.Get.script('http://code.jquery.com/jquery-1.4.4.min.js', {
4
5 onSuccess: function(){
6
7 // jQuery() can be used in here...
8
9 // Added other js code related to banner navigation here
10 }
11});
12});
The entire
js field is in fact :
1
2AUI().use('get', function(A){
3 A.Get.script('http://code.jquery.com/jquery-1.4.4.min.js', {
4 onSuccess: function(){
5 bannerNav = {};
6
7 (function () {
8 var item = 0,
9 busy = false,
10 paused = true,
11 interval = null,
12 animationSpeed = 0.6,
13 animationInterval = 12,
14 menuOpacityOff = 0.75,
15 menuOpacityOn = 1,
16 jQuery_banner,
17 jQuery_banner_each,
18 jQuery_banner_menu,
19 jQuery_banner_item,
20 jQuery_banner_play,
21 jQuery_banner_img = new Image();
22
23 jQuery(document).ready(
24 function () {
25 jQuery_banner = jQuery('#banner-nav');
26
27 if (!jQuery_banner.length) {
28 return;
29 }
30
31 jQuery_banner_each = jQuery_banner.children('.banner');
32 jQuery_banner_menu = jQuery_banner.children('.menu');
33 jQuery_banner_item = jQuery_banner_menu.children('.item');
34 jQuery_banner_play = jQuery_banner_menu.children('.playpause');
35
36 item = Math.round(Math.random() * jQuery_banner_each.length) - 1;
37
38 bannerNav.toBanner = function (to, animationTime) {
39 if (busy || item === to) {
40 return;
41 } else {
42 busy = true;
43 }
44
45 jQuery_banner_item.eq(item).removeClass('selected');
46 jQuery_banner_item.eq(to).addClass('selected').css('opacity', 0).css('opacity', 1).blur();
47
48 jQuery_banner_each.eq(to).css('zIndex', 3).animate(
49 {
50 opacity: 1
51 },
52 animationTime,
53 function () {
54 jQuery_banner_each.eq(item).css(
55 {
56 opacity: 0,
57 zIndex: 1
58 }
59 );
60
61 jQuery_banner_each.eq(to).css('zIndex', 2);
62
63 item = to;
64 busy = false;
65 }
66 );
67 };
68
69 bannerNav.setInterval = function () {
70 jQuery_banner_play.removeClass('paused');
71
72 paused = false;
73
74 interval = setInterval(
75 function () {
76 bannerNav.toBanner(item + 1 > jQuery_banner_each.length - 1 ? 0 : item + 1, animationSpeed * 1000);
77 },
78 animationInterval * 1000
79 );
80 };
81
82 bannerNav.clearInterval = function () {
83 jQuery_banner_play.addClass('paused');
84
85 paused = true;
86
87 clearInterval(interval);
88 };
89
90 bannerNav.playpause = function () {
91 if (paused) {
92 setTimeout(
93 function () {
94 bannerNav.next(animationSpeed * 1000);
95 },
96 250
97 );
98 } else {
99 bannerNav.clearInterval();
100 }
101 };
102
103 bannerNav.prev = function (animationTime) {
104 bannerNav.clearInterval();
105 bannerNav.toBanner(item - 1 < 0 ? jQuery_banner_each.length - 1 : item - 1, animationTime || 1);
106 bannerNav.setInterval();
107 };
108
109 bannerNav.next = function (animationTime) {
110 bannerNav.clearInterval();
111 bannerNav.toBanner(item + 1 > jQuery_banner_each.length - 1 ? 0 : item + 1, animationTime || 1);
112 bannerNav.setInterval();
113 };
114
115 jQuery_banner_item.eq(item).addClass('selected');
116
117 jQuery_banner_menu.css('opacity', menuOpacityOff);
118
119 jQuery_banner_img.onload = function () {
120 jQuery_banner.bind(
121 'mouseenter',
122 function () {
123 jQuery_banner_menu.animate(
124 {
125 opacity: menuOpacityOn
126 },
127 150
128 )
129 }
130 ).bind(
131 'mouseleave',
132 function () {
133 jQuery_banner_menu.animate(
134 {
135 opacity: menuOpacityOff
136 },
137 300
138 );
139 }
140 );
141
142 jQuery_banner_each.eq(item).css(
143 {
144 opacity: 1,
145 zIndex: 2
146 }
147 );
148
149 bannerNav.setInterval();
150 };
151
152 if (item < 0) {
153 item = 0;
154 }
155
156 jQuery_banner_img.src = jQuery_banner_each.eq(item).css('background-image').replace(/^.*url\("{0,}|"{0,}\).*$/g, '');
157 }
158 );
159 }());
160 /* For HTML5 support in IE */
161 (function(){if(!/*@cc_on!@*/0)return;var e = 'abbr,article,aside,audio,canvas,datalist,details,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video'.split(','),j=e.length+1;while(--j){document.createElement(e[j])}})();
162 }
163 });
164});
Let me notice that the preview doesn't work because of AUI javascript missing in preview; but this work fine after publishing.
Julien
Please sign in to flag this as inappropriate.
