Fixing bug on highlights block

(ActionItem1759)

Fixing bug on highlights block
(ActionItem1759)
Caio SBA · Daniela Feitosa
1 parent fa6f67e9
Showing 1 changed file with 25 additions and 17 deletions Show diff stats
app/views/blocks/highlights.rhtml
@@ -17,24 +17,32 @@
   <p class="highlights-block-footer"></p>
   <script type="text/javascript">
     (function($) {
+     $.fn.cycle.transitions.customFade = function($cont, $slides, opts) {
+       $slides.not(":eq(" + opts.currSlide + ")").css("opacity", 0);
+       opts.before.push(function(curr, next, opts) {
+         $.fn.cycle.commonReset(curr, next, opts);
+         opts.cssBefore.opacity = 0;
+       });
+       opts.animIn = {
+         opacity: 1
+       };
+       opts.animOut = {
+         opacity: 0
+       };
+       opts.cssBefore = {
+         top: 0,
+         left: 0,
+         zIndex: 1,
+         display: 'block'
+       };
+       opts.cssAfter = {
+         zIndex: 0
+       };
+     };
      var options = {
-       fx: 'custom',
-       animIn : {
-         opacity : 1
-       },
-       animOut : {
-         opacity : 0
-       },
-       cssBefore : {
-         zIndex : 1,
-         opacity : 0,
-         display : 'block'
-       },
-       cssAfter : {
-         zIndex : 0
-       },
-       fastOnEvent : 1,
-       timeout : <%= block.interval * 1000 %>
+       fx: 'customFade',
+       fastOnEvent: 1,
+       timeout: <%= block.interval * 1000 %>
      };
      <% if block.navigation %>
        options.pager = '#block-<%= block.id %> .highlights-block-pager';
	@@ -17,24 +17,32 @@		@@ -17,24 +17,32 @@
17	<p class="highlights-block-footer"></p>	17	<p class="highlights-block-footer"></p>
18	<script type="text/javascript">	18	<script type="text/javascript">
19	(function($) {	19	(function($) {
		20	+ $.fn.cycle.transitions.customFade = function($cont, $slides, opts) {
		21	+ $slides.not(":eq(" + opts.currSlide + ")").css("opacity", 0);
		22	+ opts.before.push(function(curr, next, opts) {
		23	+ $.fn.cycle.commonReset(curr, next, opts);
		24	+ opts.cssBefore.opacity = 0;
		25	+ });
		26	+ opts.animIn = {
		27	+ opacity: 1
		28	+ };
		29	+ opts.animOut = {
		30	+ opacity: 0
		31	+ };
		32	+ opts.cssBefore = {
		33	+ top: 0,
		34	+ left: 0,
		35	+ zIndex: 1,
		36	+ display: 'block'
		37	+ };
		38	+ opts.cssAfter = {
		39	+ zIndex: 0
		40	+ };
		41	+ };
20	var options = {	42	var options = {
21	- fx: 'custom',
22	- animIn : {
23	- opacity : 1
24	- },
25	- animOut : {
26	- opacity : 0
27	- },
28	- cssBefore : {
29	- zIndex : 1,
30	- opacity : 0,
31	- display : 'block'
32	- },
33	- cssAfter : {
34	- zIndex : 0
35	- },
36	- fastOnEvent : 1,
37	- timeout : <%= block.interval * 1000 %>	43	+ fx: 'customFade',
		44	+ fastOnEvent: 1,
		45	+ timeout: <%= block.interval * 1000 %>
38	};	46	};
39	<% if block.navigation %>	47	<% if block.navigation %>
40	options.pager = '#block-<%= block.id %> .highlights-block-pager';	48	options.pager = '#block-<%= block.id %> .highlights-block-pager';