Home Forums WordPress Theme Support Welcome Inn WordPress Nivo slider with thumbnails navigation

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • yael
    Participant

    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

    Max
    Keymaster

    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..

    yael
    Participant

    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 :)

    Max
    Keymaster

    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:

    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.

    yael
    Participant

    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

    Max
    Keymaster

    so where can i change the nivo slider call?

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

    Code:
    <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.

    yael
    Participant

    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

    Max
    Keymaster

    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 (librarytfuse_modsthememodulesshortcodes). Here is the code:

    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.

Viewing 8 posts - 1 through 8 (of 8 total)