× Discussion about Hot Effects Slider Joomla module.

Rotator only appears once in a carousel

More
5 years 6 months ago #33372 by ivan.milic
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:
<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:
<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 or Create an account to join the conversation.

More
5 years 6 months ago #33386 by mtnerd
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 or Create an account to join the conversation.

More
5 years 6 months ago #33388 by milos
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 or Create an account to join the conversation.

More
5 years 6 months ago #33391 by mtnerd
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 - http://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 or Create an account to join the conversation.

More
5 years 6 months ago #33392 by ivan.milic
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 or Create an account to join the conversation.

More
5 years 6 months ago #33396 by mtnerd
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 or Create an account to join the conversation.

Moderators: milos
Time to create page: 0.112 seconds