WordPress.org

Ready to get started?Download WordPress

Forums

JJ NextGen JQuery Slider
Works but does not validate.. (1 post)

  1. DivaVocals
    Member
    Posted 1 year ago #

    I fixed one validation issue by modifying this line:
    wp-content/plugins/jj-nextgen-jquery-slider/includes/jj_ngg_jquery_slider.php

    echo $before_widget . "\n<div class=\"ul_jj_slider\">\n    <div class=\"li_jj_slider\">" . $output . "\n    </div>\n  </div>\n" . $after_widget;

    I replace the list elements with a <div>

    I updated the stylesheet as follows:
    wp-content/plugins/jj-nextgen-jquery-slider/stylesheets/nivo-slider.css

    .ul_jj_slider {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
    .ul_jj_slider .li_jj_slider {
      margin: 0;
      padding: 0;
    }

    That solves one HUGE validation and formatting error for me..

    However the slideshow still causes my site to fail validation.. Lines 170-215 of wp-content/plugins/jj-nextgen-jquery-slider/includes/jj_ngg_jquery_slider.php are the issue.. You cannot put a stylesheet into the body of a page. So I deleted this block in it's entirety..

    What this section does is add the following to your stylesheet:

    <style type="text/css">
      div#slider { width: <strong>[SLIDESHOW HEIGHT}</strong>px !important;height: <strong>[SLIDESHOW WIDTH]</strong>px !important; }
      div#slider_container .nivo_slider .nivo-controlNav { width: <strong>[SLIDESHOW WIDTH]</strong>px !important; }
    </style>

    So after removing lines 170-215, I simply added the stylesheet above to directly to the header of my theme. The only issue is that I cannot use different sized sliders on the same page which is not a big deal really.. because I'm using a theme framework, I can easily control what pages show which stylesheet. This would allow me to put a different sized sliders on different pages..

    Too bad this plugin is not being maintained.. I LOVE the fact that it allows me to use the Nivo Slider with my NextGen galleries. Next I'm gonna take a look at the Nivo JS and CSS this plugin includes since it's been over a LONG while since this plugin was updated.. In the meantime, I hope someone finds this post useful..

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic