/templates/camp26_e_buy/js/jquery.film.js

https://bitbucket.org/dreamriks/gift · JavaScript · 286 lines · 252 code · 32 blank · 2 comment · 79 complexity · e8cb6d953852a8c955b6637e1fb3e8e6 MD5 · raw file 

    

  1. (function($) {jQuery.extend({
    2. 

  2. init_news: function(option){
    3. 

  3. 

  4.  option = $.extend({
    5. 

  5.     firstname:"",
    6. 

  6. 	secondname:"",
    7. 

  7. 	thirdname:"",
    8. 

  8. 	fourthname:"",
    9. 

  9. 	playingtitle:"Now Playing:",
    10. 

  10. 	nexttitle:"Next News:",
    11. 

  11. 	prevtitle:"Prev News:",
    12. 

  12. 	newsspeed:6000,
    13. 

  13. 	effectis:0,
    14. 

  14. 	mouseover:true,
    15. 

  15. 	effectspeed:600,
    16. 

  16. 	imagedir:"",
    17. 

  17. 	newscountname:"",
    18. 

  18. 	disablenewscount:false
    19. 

  19.   }, option);
    20. 

  20. 		
    21. 

  21.  var firstname=option.firstname;
    22. 

  22. 		var secondname=option.secondname;
    23. 

  23. 		var thirdname=option.thirdname;
    24. 

  24. 		var fourthname=option.fourthname;
    25. 

  25. 		var newsspeed=option.newsspeed;
    26. 

  26. 		var effectis=option.effectis;
    27. 

  27. 		var playingtitle=option.playingtitle;
    28. 

  28. 		var nexttitle=option.nexttitle;
    29. 

  29. 		var prevtitle=option.prevtitle;
    30. 

  30. 		var mouseover=option.mouseover;
    31. 

  31. 		var effectspeed=option.effectspeed;
    32. 

  32. 		var imagedir=option.imagedir;
    33. 

  33. 		var newscountname=option.newscountname;
    34. 

  34. 		var disablenewscount=option.disablenewscount;
    35. 

  35. 

  36. 		if (newscountname){var news_sp=1;}if (disablenewscount===true){var news_dis=1;}
    37. 

  37. 		effectis=parseInt(effectis,10);
    38. 

  38. 		effectspeed=parseInt(effectspeed,10);
    39. 

  39. 		var myprevimg=$('#news_prev').attr('src'); if (!myprevimg){myprevimg=imagedir+'prev.png';}
    40. 

  40. 	var mynextimg=$('#news_next').attr('src'); if (!mynextimg){mynextimg=imagedir+'next.png';}
    41. 

  41. 	var mypauseimg=$('#news_pause').attr('src'); if (!mypauseimg){mypauseimg=imagedir+'pause.png';}
    42. 

  42. 	var myprevimg0=$('#news_prev0').attr('src'); if (!myprevimg0){myprevimg0=imagedir+'prev0.png';}
    43. 

  43. 	var mynextimg0=$('#news_next0').attr('src'); if (!mynextimg0){mynextimg0=imagedir+'next0.png';}
    44. 

  44. 	var mypauseimg0=$('#news_pause0').attr('src'); if (!mypauseimg0){mypauseimg0=imagedir+'pause0.png';}
    45. 

  45. 

  46. 	var activechk,activechkmore,mysize,myfirst,myfirst_explain,active,timer,splaynum;
    47. 

  47. 			mysize=$('#'+firstname+' .news_style').size();
    48. 

  48. 			myfirst=$('#'+firstname+' .news_style').eq(0).html();
    49. 

  49. 			myfirst_explain=$('#'+firstname+' .news_style').eq(1).attr('rel');
    50. 

  50. 			active=0;
    51. 

  51. 				$('#'+secondname).append(myfirst);
    52. 

  52. 				if (news_sp===1 && news_dis!=1)
    53. 

  53. 				{$('#'+newscountname).html('1/'+mysize);}
    54. 

  54. 				if (news_sp!=1 && news_dis!=1){$('#'+thirdname).html('&nbsp;&nbsp;'+playingtitle+'1/'+mysize+'&nbsp;&nbsp;<br>');}
    55. 

  55. 				$('#'+thirdname).append(nexttitle+myfirst_explain);
    56. 

  56. 

  57. 			$('#'+fourthname+' #news_next').click(function(){
    58. 

  58. 					clearTimeout(timer);
    59. 

  59. 						$(this).attr({src:mynextimg0});
    60. 

  60. 					$('#'+fourthname+' #news_prev').attr({src:myprevimg});
    61. 

  61. 					$('#'+fourthname+' #news_pause').attr({src:mypauseimg});
    62. 

  62. 						active=active+1;
    63. 

  63. 				if (active==mysize){active=0;}
    64. 

  64. 					var mynum=active+1;
    65. 

  65. 					var mynow=$('#'+firstname+' .news_style').eq(active).html();
    66. 

  66. 					var nextnum=mynum;
    67. 

  67. 							if (nextnum==mysize){nextnum=0;}
    68. 

  68. 				var mynow_explain=$('#'+firstname+' .news_style').eq(nextnum).attr('rel');
    69. 

  69. 				
    70. 

  70. 				switch (effectis)
    71. 

  71. 				{
    72. 

  72. 					
    73. 

  73. 				case 0:
    74. 

  74. 				$('#'+secondname).fadeOut(effectspeed,function(){
    75. 

  75. 					$('#'+secondname).empty();
    76. 

  76. 					$('#'+secondname).html(mynow);
    77. 

  77. 				if (news_sp===1 && news_dis!=1)
    78. 

  78. 				{$('#'+newscountname).html(mynum+'/'+mysize);$('#'+thirdname).html(nexttitle+mynow_explain);}				
    79. 

  79. 				if (news_sp!=1 && news_dis!=1){$('#'+thirdname).empty().html('&nbsp;&nbsp;'+playingtitle+''+mynum+'/'+mysize+'&nbsp;&nbsp;<br>');$('#'+thirdname).append(nexttitle+mynow_explain);}				
    80. 

  80. 				if (news_dis===1)
    81. 

  81. 				{$('#'+thirdname).html(nexttitle+mynow_explain);}					
    82. 

  82. 				$('#'+secondname).fadeIn(effectspeed);
    83. 

  83. 						
    84. 

  84. 				});
    85. 

  85. 				break;
    86. 

  86. 				case 1:
    87. 

  87. 				$('#'+secondname).slideUp(effectspeed,function(){
    88. 

  88. 					$('#'+secondname).empty();
    89. 

  89. 					$('#'+secondname).html(mynow);
    90. 

  90. 				if (news_sp===1 && news_dis!=1)
    91. 

  91. 				{$('#'+newscountname).html(mynum+'/'+mysize);$('#'+thirdname).html(nexttitle+mynow_explain);}				
    92. 

  92. 				if (news_sp!=1 && news_dis!=1){$('#'+thirdname).empty().html('&nbsp;&nbsp;'+playingtitle+''+mynum+'/'+mysize+'&nbsp;&nbsp;<br>');$('#'+thirdname).append(nexttitle+mynow_explain);}				
    93. 

  93. 				if (news_dis===1)
    94. 

  94. 				{$('#'+thirdname).html(nexttitle+mynow_explain);}
    95. 

  95. 					$('#'+secondname).slideDown(effectspeed);
    96. 

  96. 						
    97. 

  97. 				});
    98. 

  98. 				break;
    99. 

  99. 				case 2:
    100. 

  100. 					$('#'+secondname).animate({width:"0px",opacity: 0.33},effectspeed,function(){
    101. 

  101. 					$('#'+secondname).empty();
    102. 

  102. 					$('#'+secondname).html(mynow);
    103. 

  103. 					$('#'+secondname).animate({width:"100%",opacity: 1},effectspeed,function(){
    104. 

  104. 				if (news_sp===1 && news_dis!=1)
    105. 

  105. 				{$('#'+newscountname).html(mynum+'/'+mysize);$('#'+thirdname).html(nexttitle+mynow_explain);}				
    106. 

  106. 				if (news_sp!=1 && news_dis!=1){$('#'+thirdname).empty().html('&nbsp;&nbsp;'+playingtitle+''+mynum+'/'+mysize+'&nbsp;&nbsp;<br>');$('#'+thirdname).append(nexttitle+mynow_explain);}				
    107. 

  107. 				if (news_dis===1)
    108. 

  108. 				{$('#'+thirdname).html(nexttitle+mynow_explain);}
    109. 

  109. 

  110. 					});
    111. 

  111. 									
    112. 

  112. 					});
    113. 

  113. 					
    114. 

  114. 					
    115. 

  115. 					break;
    116. 

  116. 					
    117. 

  117. 				case 3:
    118. 

  118. 					$('#'+secondname).html(mynow);
    119. 

  119. 				if (news_sp===1 && news_dis!=1)
    120. 

  120. 				{$('#'+newscountname).html(mynum+'/'+mysize);$('#'+thirdname).html(nexttitle+mynow_explain);}				
    121. 

  121. 				if (news_sp!=1 && news_dis!=1){$('#'+thirdname).empty().html('&nbsp;&nbsp;'+playingtitle+''+mynum+'/'+mysize+'&nbsp;&nbsp;<br>');$('#'+thirdname).append(nexttitle+mynow_explain);}				
    122. 

  122. 				if (news_dis===1)
    123. 

  123. 				{$('#'+thirdname).html(nexttitle+mynow_explain);}					
    124. 

  124. 

  125. 						
    126. 

  126. 				
    127. 

  127. 				break;
    128. 

  128. 					default:
    129. 

  129. 					$('#'+secondname).fadeOut(effectspeed,function(){
    130. 

  130. 					$('#'+secondname).empty();
    131. 

  131. 					$('#'+secondname).html(mynow);
    132. 

  132. 				if (news_sp===1 && news_dis!=1)
    133. 

  133. 				{$('#'+newscountname).html(mynum+'/'+mysize);$('#'+thirdname).html(nexttitle+mynow_explain);}				
    134. 

  134. 				if (news_sp!=1 && news_dis!=1){$('#'+thirdname).empty().html('&nbsp;&nbsp;'+playingtitle+''+mynum+'/'+mysize+'&nbsp;&nbsp;<br>');$('#'+thirdname).append(nexttitle+mynow_explain);}				
    135. 

  135. 				if (news_dis===1)
    136. 

  136. 				{$('#'+thirdname).html(nexttitle+mynow_explain);}
    137. 

  137. 					$('#'+secondname).fadeIn(effectspeed);
    138. 

  138. 						
    139. 

  139. 				});
    140. 

  140. 				break;
    141. 

  141. 				}
    142. 

  142. 					
    143. 

  143. 					timer=setTimeout(autonext,newsspeed,active);
    144. 

  144. 		});
    145. 

  145. 					$('#'+fourthname+' #news_prev').click(function(){
    146. 

  146. 						clearTimeout(timer);
    147. 

  147. 							$(this).attr({src:myprevimg0});
    148. 

  148. 						$('#'+fourthname+' #news_next').attr({src:mynextimg});
    149. 

  149. 						$('#'+fourthname+' #news_pause').attr({src:mypauseimg});
    150. 

  150. 							active=active-1;
    151. 

  151. 					if (active<0){active=mysize-1;}
    152. 

  152. 						var mynum=active+1;
    153. 

  153. 						var myprevnum=mynum-2;
    154. 

  154. 					if (myprevnum<0){myprevnum=mysize-1;}
    155. 

  155. 							var mynow=$('#'+firstname+' .news_style').eq(active).html();
    156. 

  156. 							var mynow_explain=$('#'+firstname+' .news_style').eq(myprevnum).attr('rel');
    157. 

  157. 							switch (effectis)
    158. 

  158. 				{
    159. 

  159. 						case 0:
    160. 

  160. 								$('#'+secondname).fadeOut(effectspeed,function(){
    161. 

  161. 						$('#'+secondname).empty();
    162. 

  162. 						$('#'+secondname).html(mynow);
    163. 

  163. 				if (news_sp===1 && news_dis!=1)
    164. 

  164. 				{$('#'+newscountname).html(mynum+'/'+mysize);$('#'+thirdname).html(prevtitle+mynow_explain);}				
    165. 

  165. 				if (news_sp!=1 && news_dis!=1){$('#'+thirdname).empty().html('&nbsp;&nbsp;'+playingtitle+''+mynum+'/'+mysize+'&nbsp;&nbsp;<br>');$('#'+thirdname).append(prevtitle+mynow_explain);}				
    166. 

  166. 				if (news_dis===1)
    167. 

  167. 				{$('#'+thirdname).html(prevtitle+mynow_explain);}
    168. 

  168. 						$('#'+secondname).fadeIn(effectspeed);
    169. 

  169. 						});
    170. 

  170. 							break;
    171. 

  171. 							case 1:
    172. 

  172. 								$('#'+secondname).slideUp(effectspeed,function(){
    173. 

  173. 						$('#'+secondname).empty();
    174. 

  174. 						$('#'+secondname).html(mynow);
    175. 

  175. 				if (news_sp===1 && news_dis!=1)
    176. 

  176. 				{$('#'+newscountname).html(mynum+'/'+mysize);$('#'+thirdname).html(prevtitle+mynow_explain);}				
    177. 

  177. 				if (news_sp!=1 && news_dis!=1){$('#'+thirdname).empty().html('&nbsp;&nbsp;'+playingtitle+''+mynum+'/'+mysize+'&nbsp;&nbsp;<br>');$('#'+thirdname).append(prevtitle+mynow_explain);}				
    178. 

  178. 				if (news_dis===1)
    179. 

  179. 				{$('#'+thirdname).html(prevtitle+mynow_explain);}	
    180. 

  180. 						$('#'+secondname).slideDown(effectspeed);
    181. 

  181. 						});
    182. 

  182. 							break;
    183. 

  183. 							case 2:
    184. 

  184. 								$('#'+secondname).animate({width:"0px",opacity: 0.33},effectspeed,function(){
    185. 

  185. 					$('#'+secondname).empty();
    186. 

  186. 					$('#'+secondname).html(mynow);
    187. 

  187. 					$('#'+secondname).animate({width:"100%",opacity: 1},effectspeed,function(){
    188. 

  188. 				if (news_sp===1 && news_dis!=1)
    189. 

  189. 				{$('#'+newscountname).html(mynum+'/'+mysize);$('#'+thirdname).html(prevtitle+mynow_explain);}				
    190. 

  190. 				if (news_sp!=1 && news_dis!=1){$('#'+thirdname).empty().html('&nbsp;&nbsp;'+playingtitle+''+mynum+'/'+mysize+'&nbsp;&nbsp;<br>');$('#'+thirdname).append(prevtitle+mynow_explain);}				
    191. 

  191. 				if (news_dis===1)
    192. 

  192. 				{$('#'+thirdname).html(prevtitle+mynow_explain);}		
    193. 

  193. 

  194. 

  195. 					});
    196. 

  196. 									
    197. 

  197. 					});
    198. 

  198. 							break;
    199. 

  199. 						case 3:
    200. 

  200. 								
    201. 

  201. 						$('#'+secondname).html(mynow);
    202. 

  202. 						if (news_sp===1 && news_dis!=1)
    203. 

  203. 				{$('#'+newscountname).html(mynum+'/'+mysize);$('#'+thirdname).html(prevtitle+mynow_explain);}				
    204. 

  204. 				if (news_sp!=1 && news_dis!=1){$('#'+thirdname).empty().html('&nbsp;&nbsp;'+playingtitle+''+mynum+'/'+mysize+'&nbsp;&nbsp;<br>');$('#'+thirdname).append(prevtitle+mynow_explain);}				
    205. 

  205. 				if (news_dis===1)
    206. 

  206. 				{$('#'+thirdname).html(prevtitle+mynow_explain);}	
    207. 

  207. 						
    208. 

  208. 							break;
    209. 

  209. 				
    210. 

  210. 							default:
    211. 

  211. 						$('#'+secondname).fadeOut(effectspeed,function(){
    212. 

  212. 						$('#'+secondname).empty();
    213. 

  213. 						$('#'+secondname).html(mynow);
    214. 

  214. 

  215. 				if (news_sp===1 && news_dis!=1)
    216. 

  216. 				{$('#'+newscountname).html(mynum+'/'+mysize);$('#'+thirdname).html(nexttitle+mynow_explain);}				
    217. 

  217. 				if (news_sp!=1 && news_dis!=1){$('#'+thirdname).empty().html('&nbsp;&nbsp;'+playingtitle+''+mynum+'/'+mysize+'&nbsp;&nbsp;<br>');$('#'+thirdname).append(prevtitle+mynow_explain);}				
    218. 

  218. 				if (news_dis===1)
    219. 

  219. 				{$('#'+thirdname).html(prevtitle+mynow_explain);}		
    220. 

  220. 						$('#'+secondname).fadeIn(effectspeed);
    221. 

  221. 						});
    222. 

  222. 							break;
    223. 

  223. 							}
    224. 

  224. 

  225. 					
    226. 

  226. 							timer=setTimeout(autoprev,newsspeed,active);
    227. 

  227. 					});
    228. 

  228. 

  229. 					$('#'+fourthname+' #news_pause').click(function(){
    230. 

  230. 							$(this).attr({src:mypauseimg0});
    231. 

  231. 						$('#'+fourthname+' #news_next').attr({src:mynextimg});
    232. 

  232. 						$('#'+fourthname+' #news_prev').attr({src:myprevimg});
    233. 

  233. 							clearTimeout(timer);
    234. 

  234. 						});
    235. 

  235. 					//add by request
    236. 

  236. 					if (mouseover===true)
    237. 

  237. 					{					
    238. 

  238. 					$('#'+secondname).hover(function(){
    239. 

  239. 						clearTimeout(timer);
    240. 

  240. 						activechk=$('#'+fourthname+' #news_next').attr('src');
    241. 

  241. 						activechkmore=$('#'+fourthname+' #news_prev').attr('src');	
    242. 

  242. 						$('#'+fourthname+' #news_pause').attr({src:mypauseimg0});
    243. 

  243. 						$('#'+fourthname+' #news_next').attr({src:mynextimg});
    244. 

  244. 						$('#'+fourthname+' #news_prev').attr({src:myprevimg});
    245. 

  245. 							},function(){
    246. 

  246. 						$('#'+fourthname+' #news_pause').attr({src:mypauseimg});
    247. 

  247. 						if (activechk==mynextimg && activechkmore==myprevimg){
    248. 

  248. 						timer=setTimeout(autonext,100,active);
    249. 

  249. 							}
    250. 

  250. 						if (activechk==mynextimg0){timer=setTimeout(autonext,100,active);}
    251. 

  251. 						if (activechk==mynextimg && activechkmore==myprevimg0){timer=setTimeout(autoprev,100,active);}
    252. 

  252. 					});
    253. 

  253. 					}
    254. 

  254. 					//end
    255. 

  255. 					var _st = window.setTimeout; 
    256. 

  256. 						window.setTimeout = function(fRef, mDelay) { 
    257. 

  257. 							if(typeof fRef == 'function'){ 
    258. 

  258. 								var argu = Array.prototype.slice.call(arguments,2); 
    259. 

  259. 								var f = (function(){ fRef.apply(null, argu); }); 
    260. 

  260. 								return _st(f, mDelay); 
    261. 

  261. 							} 
    262. 

  262. 						 return _st(fRef,mDelay); 
    263. 

  263. 						}; 
    264. 

  264. 

  265. 					function autonext(q){
    266. 

  266. 						if (!q){q=0;}
    267. 

  267. 							myend=$('#'+firstname+' .news_hide_style').size();
    268. 

  268. 							myend=myend-1;
    269. 

  269. 							if (q >= myend){q=0;}
    270. 

  270. 								$('#'+fourthname+' #news_next').eq(q).click();
    271. 

  271. 								q=q+1;					
    272. 

  272. 					}
    273. 

  273. 					function autoprev(q){
    274. 

  274. 						if (!q){q=0;}
    275. 

  275. 							myend=$(".news_hide_style").size();
    276. 

  276. 							myend=myend-1;
    277. 

  277. 							if (q >= myend){q=0;}
    278. 

  278. 								$('#'+fourthname+' #news_prev').eq(q).click();
    279. 

  279. 								q=q+1;					
    280. 

  280. 					}
    281. 

  281. 					timer=setTimeout(autonext,newsspeed,1);
    282. 

  282. 

  283. 

  284. }
    285. 

  285. });
    286. 

  286. })(jQuery);
    287.