• Forum
  • FAQ
  • Docs
Notice: In order to post a support question you have to have an account and be logged in.
Register  or  Login
  1. hi again :)

    we now want to use the nivo slider on another page, while using its thumbnail navigation feature.

    right now the default behaviour of nivo under welcome inn is for a bullet-style navigation, and i cannot see how can i change it, without going into core theme files.

    can you please direct me how to achieve it the right way?

    thanks heaps

    yael

    yael
    2 years ago
  2. Hi Yael,
    sorry but this can't be done at the moment as there is no way to upload thumbnails and then load them in slider.

    Sorry but I can't help as there is needed to rewrite some files and require a lot of time.

    Cheers,
    Max..

    Max
    2 years ago
  3. thanks a lot max, i totally understand, you've been a great help so far.

    but i really wasn't asking to change anything, or, god forbid, to add thumbnails upload interfaces :)

    i was going to make all changes myself, it's more a JS question.

    i will of course create and upload the thumbnails version myself, using the proper "_thumb.jpg" notation.

    i also can easily change the CSS using the custom sheet.

    my problem is with the JS call to the slider: what is the best way to change it? i can see, under jquery.nivo.slider.js, the slider's default settings, which i can change. but wouldn't this file be replaced if i ever to update the theme files?

    so basically my question is this: if i want to change the parameters passed to the nivoSlider function, while refraining from changing any core files - what is the best way to do that?

    thanks again!

    yuda (yael's husband :)

    yael
    2 years ago
  4. Hi Yuda,
    glad to hear that you can make this changes yourself.

    but wouldn't this file be replaced if i ever to update the theme files?

    Yes, if you would make an theme update all settings would be replaced so it would be needed to make backups for the files you made changes in.

    if i want to change the parameters passed to the nivoSlider function, while refraining from changing any core files - what is the best way to do that?

    You can change parameters in header.php file. There the nivo slider is called. You need to make changes in this code:

    <script type="text/javascript">
    			$(function(){
    				$('#slides').slides({
    					width: 960,
    					height: 379,
    					preload: true,
    					preloadImage: '<?php echo $template_directory ?>/images/loading.gif',
    					play: 5000,
    					pause: 2500,
    					effect: 'fade, fade',
    					hoverPause: true,
    					animationStart: function(){
    						$('.caption').animate({
    							bottom:-96
    						},100);
    					},
    					animationComplete: function(current){
    						$('.caption').animate({
    							bottom:0
    						},200);
    					}
    				});
    				
    			});
    	</script>
    

    Cheers,
    Max.

    Max
    2 years ago
  5. i would love changing the header.php file - i *believe* i can then use a child theme, and refrain from always being on the lookout for theme updates, no?

    but the code you've supplied isn't the call to nivo slider :)

    it's the call to another slider (http://slidesjs.com/) that is implemented in the theme, and which is used on its homepage.

    so where can i change the nivo slider call? (the call is to nivoSlider)

    while we're at it... there are 3 sliders/galleries in the theme, and their JS+CSS code is loaded for each and every page of the site - whether they have a gallery/slider or not.

    how can i control the loading of the theme scripts/CSS, in order to increase loading speed and decrease processor load?

    thanks again!

    yuda

    yael
    2 years ago
  6. so where can i change the nivo slider call?

    Sorry I didn't copied the needed code. Here it is:

    <script type="text/javascript" language="javascript" src="<?php echo $template_directory ?>/js/jquery.nivo.slider.js"></script>
    	<script type="text/javascript" src="<?php echo $template_directory ?>/js/anythingSlider.js"></script>
    	<script type="text/javascript" charset="utf-8">
    	$(document).ready(function(){
    
        	$('.slideshow').anythingSlider({
        	        easing: "easeInOutExpo",
        	        autoPlay: false,
        	        startStopped: false,
        	        animationTime: 600,
        	        hashTags: false,
        	        buildNavigation: true,
        	        buildArrows: false,
        			pauseOnHover: true,
        			startText: "Go",
        	        stopText: "Stop"
        	    });
        	    
    	});
    

    This is the code used for slideshow shortcode.

    Max
    2 years ago
  7. this is the call to the third slider, "anything slider"... :)

    the nivo slider is used in this page:
    http://themefuse.com/demo/wp/welcomeinn/?page_id=248

    but i got your drift - simply duplicate the nivoSlider call, right after its script is called, using my own params.

    sorry to ask again, you seem to miss it: there are 3 sliders/galleries in the theme, and their JS+CSS code is loaded for each and every page of the site - whether they have a gallery/slider or not.

    how can i control the loading of the theme scripts/CSS, in order to increase loading speed and decrease processor load?

    thanks,
    yuda

    yael
    2 years ago
  8. Hi Yuda,
    sorry to ask again, you seem to miss it: there are 3 sliders/galleries in the theme, and their JS+CSS code is loaded for each and every page of the site - whether they have a gallery/slider or not.

    Sorry again. Now I understand what you mean. The nivoslide shortcode parameters are set in slides.php file (library\tfuse_mods\thememodules\shortcodes). Here is the code:

    extract(shortcode_atts(array(
    		'width' => 400,
    		'height' => 300,
    		'effect' => 'sliceDown',
    		'pauseTime' => 5,
    	), $atts));
    

    Here you can add more parameters. This is the code and now for sure. There is no other.

    how can i control the loading of the theme scripts/CSS, in order to increase loading speed and decrease processor load?

    You can add some if codes in header.php for some scripts that need to be loaded only on some pages. You can remove custom.css load if you don't use it, also remove some other scripts that you don't use.

    Cheers,
    Max.

    Max
    2 years ago

Add Reply

You must log in to post.

 

Add a new topic!

Chances are your issue is already answered, but if it’s not, you can always create a new topic.

Add new topic

Search forums

Searching for something specific? Type something and press Enter to search.