Rotator only appears once in a carousel

ivan.milic
Support Staff
Moderator

11 years 2 months ago #33372 by ivan.milic

Replied by ivan.milic on topic Rotator only appears once in a carousel

You have rotator placed in other slider. that slider loads content using ajax call each time slide is changed and that destroys rotator. This is totally abnormal environment for rotator to exist and its not to us to help you within this forum on such thing without additional payment. But since my wife accidentally saw your post in other thread I'am forced to give something this time

. So it will maybe work but i'am not sure , relay that is not normal place for rotator (or any such component) to be in.

First you need to update jquery:

Replace content of (overwrite content then save):

jupgrade/modules/mod_hot_effects_rotator/js/jquery.min.js

with content from:

code.jquery.com/jquery-1.8.2.min.js

Then open:

modules\mod_hot_effects_rotator\tmpl\default.php

You will see:

Code:

<script type="text/javascript">
jQuery(window).load(function() {
	jQuery('#slider').nivoSlider({
		effect:'<?php echo $transitionEffect; ?>', //sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade, random
		slices:<?php echo $slices; ?>,
		animSpeed:<?php echo $animSpeed; ?>,
		pauseTime:<?php echo $pauseTime; ?>,
		directionNav:<?php if ($directionNav) { echo "true"; }else{ echo "false"; } ?>,				//Next and Prev
		directionNavHide:<?php if ($directionNavHide) { echo "true"; }else{ echo "false"; } ?>, 	//Only show on hover
		controlNav:<?php if ($controlNav) { echo "true"; }else{ echo "false"; } ?>, 				//1,2,3...
		pauseOnHover:<?php if ($pauseOnHover) { echo "true"; }else{ echo "false"; } ?>, 			//Stop animation while hovering
		manualAdvance:<?php if ($manualAdvance) { echo "true"; }else{ echo "false"; } ?>, 			//Force manual transitions
		beforeChange: function(){},
		afterChange: function(){}
	});
});
</script>

replace whole block with this:

Code:

<script type="text/javascript">
jQuery(window).load(function() {
	jQuery('#slider').nivoSlider({
		effect:'<?php echo $transitionEffect; ?>', //sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade, random
		slices:<?php echo $slices; ?>,
		animSpeed:<?php echo $animSpeed; ?>,
		pauseTime:<?php echo $pauseTime; ?>,
		directionNav:<?php if ($directionNav) { echo "true"; }else{ echo "false"; } ?>,				//Next and Prev
		directionNavHide:<?php if ($directionNavHide) { echo "true"; }else{ echo "false"; } ?>, 	//Only show on hover
		controlNav:<?php if ($controlNav) { echo "true"; }else{ echo "false"; } ?>, 				//1,2,3...
		pauseOnHover:<?php if ($pauseOnHover) { echo "true"; }else{ echo "false"; } ?>, 			//Stop animation while hovering
		manualAdvance:<?php if ($manualAdvance) { echo "true"; }else{ echo "false"; } ?>, 			//Force manual transitions
		beforeChange: function(){},
		afterChange: function(){}
	});
});

jQuery( document ).ajaxComplete(function() {
  jQuery('#slider').nivoSlider({
		effect:'<?php echo $transitionEffect; ?>', //sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade, random
		slices:<?php echo $slices; ?>,
		animSpeed:<?php echo $animSpeed; ?>,
		pauseTime:<?php echo $pauseTime; ?>,
		directionNav:<?php if ($directionNav) { echo "true"; }else{ echo "false"; } ?>,				//Next and Prev
		directionNavHide:<?php if ($directionNavHide) { echo "true"; }else{ echo "false"; } ?>, 	//Only show on hover
		controlNav:<?php if ($controlNav) { echo "true"; }else{ echo "false"; } ?>, 				//1,2,3...
		pauseOnHover:<?php if ($pauseOnHover) { echo "true"; }else{ echo "false"; } ?>, 			//Stop animation while hovering
		manualAdvance:<?php if ($manualAdvance) { echo "true"; }else{ echo "false"; } ?>, 			//Force manual transitions
		beforeChange: function(){},
		afterChange: function(){}
	});
});
</script>

Please Log in to join the conversation.

mtnerd
Inactive member
Topic Author
Member

11 years 2 months ago #33386 by mtnerd

Replied by mtnerd on topic Rotator only appears once in a carousel

Please tell your wife that I think she's adorable!! And I know she's a very detail oriented person :-)

.

I made the changes to the jquery.min.js file and the default.php file. It look like the ajaxComplete function isn't being called when the page changes.

I know this is a rather unusual layout which is why I checked on it earlier -
www.hotjoomlatemplates.com/support-forum...-martin-guitar/31232

Is there some other way to call that function after the ajax stuff loads? It's getting loaded on the first round. If we can call it again when the ajax routine is called, it should work.

Please let me know if there's another way to call that function and I'll make the change to the code.

Thanks!!
(Sorry, I sent a reply to your post via email rather than posting to the forum. My bad on the duplication.)

Please Log in to join the conversation.

milos
Support Staff
Moderator

11 years 2 months ago #33388 by milos

Replied by milos on topic Rotator only appears once in a carousel

Hi Mtnerd,

I opened your site, clicked an inner link, then go back to home with Safari 6 (worked fine), Chrome 30 (worked fine) and finally with IE9 on Win7 (worked fine as well).

Perhaps it's something with your machine. I am really not sure what. Try testing with another computer.

Thanks
Milos

Please Log in to join the conversation.

mtnerd
Inactive member
Topic Author
Member

11 years 2 months ago #33391 by mtnerd

Replied by mtnerd on topic Rotator only appears once in a carousel

Hi Milos,
When you load the site, you should be able to click the arrows through the carousel (not the rotator) and have the rotator appear at the top of the first page of the carousel without hitting the home button. We should be able to hit the right carousel button, then the left carousel button to return to the first page and the rotator should still appear on the page. Like this - www.martinguitar.com/ . (It doesn't need to be exactly like Martin Guitar, but the slideshow needs to show up.)

I tried it on my husband's computer (running XP), my computer (running Windows 7) and my iTouch (running some Apple ios) and the results were the same. The rotator only appears in the carousel when the page is first loaded. After that, it's lost. I've sent a note to my sister in California and she's going to try it on her computer. :unsure:

I was actually hoping to get all the components for a home page like Martin Guitar's from Hot Themes but Carousel Pro didn't work.

Can we get the rotator to work?

Hopefully,
Debra

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 2 months ago #33392 by ivan.milic

Replied by ivan.milic on topic Rotator only appears once in a carousel

Maybe support of company that created that outer slider knows what can be used because they know how they do ajax call. ajaxComplete works when ajax call is made from jquery

Please Log in to join the conversation.

mtnerd
Inactive member
Topic Author
Member

11 years 2 months ago #33396 by mtnerd

Replied by mtnerd on topic Rotator only appears once in a carousel

The carousel is free from Rocket Theme. To get support, I need to subscribe and if I'm going to subscribe, I might as well just switch to their RokGallery.

It looks like this subscription has been a bust. Starting with Carousel Pro, nothing has worked as advertised.

I better move on.

Please Log in to join the conversation.

Time to create page: 0.101 seconds