WordPress.org

1. on_edge
   Member
   Posted 1 year ago #

   First, the slider works beautifully w/shortcode inserted into a page or post. And it does most things I'd like it to do. I've recently tried using it to create an animated header image for the front page of a site. I had previously tried hard coding the Nivo Slider and it worked fine except for in IE. Could not get it to play nicely with IE. My next attempt was to use shortcode via php in the custom_functions.php file of this WP/Thesis site. Mostly, it works. But I can't get the slideshow to stop after the last slide. In hard code, I can use slideshowEnd to stop it. Doesn't seem to work using shortcode. I also couldn't find a listing of values for slideshowEnd settings in shorcode. I guessed it was slideshowend="stop" but not sure. Thoughts appreciated.

   http://wordpress.org/extend/plugins/jj-nextgen-jquery-slider/

2. jjcoder
   Member
   Posted 1 year ago #

   Hy on_edge,

   Try setting this for lastslide. Substitute #slider for your slider html_id.

   function() { jQuery('#slider').data('nivo:vars').stop = true; }

   Regards,

   JJCoder

3. on_edge
   Member
   Posted 1 year ago #

   Hmmm...thanks, but apparently not. I assumed you meant to use the above code in the hard coded version. This is what I'm using:
   

   // CUSTOM HEADER
   function my_header() {
            if(is_page('2')) {
            ?>
   <!-- Include jQuery -->
   <?php wp_enqueue_script('jquery'); ?>
   <?php wp_head(); ?>
   <!-- Include the Nivo Slider CSS file -->
   <link rel="stylesheet" href="<?php echo THESIS_CUSTOM_FOLDER; ?>/nivo/nivo-slider.css" type="text/css" media="screen" />
   <!-- Include the Nivo Slider JS file -->
   <script src="<?php echo THESIS_CUSTOM_FOLDER; ?>/nivo/jquery.nivo.slider.js" type="text/javascript"></script>
   <!-- Set up the Nivo Slider -->
   <script type="text/javascript">
   jQuery(window).load(function() {
   	jQuery('div#slider').nivoSlider({
   	effect:'fade',
   	animSpeed:200,
       pauseTime:2000,
   	startSlide:1,
   	directionNav:false,
   	controlNav:false,
   	lastslide: function(){ jQuery('#slider').data('nivo:vars').stop = true; }
   	});
   });
   </script>
            <div id="slider">
   	<img src="<?php echo THESIS_CUSTOM_FOLDER; ?>/images/head_home4.jpg" alt="Wisdom Tours" />
       <img src="<?php echo THESIS_CUSTOM_FOLDER; ?>/images/head_home1.jpg" alt="Wisdom Tours" />
       <img src="<?php echo THESIS_CUSTOM_FOLDER; ?>/images/head_home2.jpg" alt="Wisdom Tours" />
   	<img src="<?php echo THESIS_CUSTOM_FOLDER; ?>/images/head_home3.jpg" alt="Wisdom Tours" />
   </div>
            <?php
            }
   }

   The slideshow still won't stop and I'm getting images displayed before the start slide. I'm also thinking that, if I get it to work and end up using it, it may be smart to somehow test for first time visit vs. return visit. Not sure users will want to see this animation every time. Open to suggestion on that idea and I have no idea how to test for it.

   This is the dev site: http://www.wisdomtours.com/wp/

4. jjcoder
   Member
   Posted 1 year ago #

   you might need to make lastslide lastSlide with a capital S I'm pretty sure the nivo slider params are case sensitive. lastslide is for the plugin shortcode to make it wordpress compatible.

   Regards,

   JJCoder

5. on_edge
   Member
   Posted 1 year ago #

   Ah, didn't realize I'd overlooked that. Now it's stopping. I seem to be getting some images when the page loads, prior to the start of the slideshow. Brief, but doesn't look great.

Topic Closed

This topic has been closed to new replies.