title: How do I trigger a jquery slider (NIVO SLIDER) to work in a jqModal window?
body: <p>I hope someone can offer any help!!</p>
  
  <p>I have web page that initiates a modal window using jqModal (http://dev.iceburg.net/jquery/jqModal/). The jqModal is calling an external html file that has a NIVO Slider.</p>
  
  <p>When I look at the external html page by itself without the jqModal window, the NIVO SLIDER works well.</p>
  
  <p>But when I look at the external page via jqModal, the slider does not work.</p>
  
  <p>Here are my links:</p>
  
  <p>Here is the external html: <a href="http://www.logicpkg.com/carton01.htm" rel="nofollow">link text</a></p>
  
  <p>Here is the external html viewed with jqModal: <a href="http://www.logicpkg.com/learn_cartonstyles.htm" rel="nofollow">link text</a> (Click on No. 1).</p>
  
  <p>Any suggestions ould be awesome. I'm really stuck. Are the two scripts conflicting with each other? Do I need to trigger something in jqModal when it initiates?</p>
  
  <p>Really need help.</p>
  
  <p>Thank you</p>
  
  <p>Here is the code for the external html page that has the NIVO SLIDER:</p>
  
  <pre><code>    &lt;script src="/src/jquery/jquery-1.4.3.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="/src/jquery/jquery.nivo.slider.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;link href="/src/css/logicpak.css" rel="stylesheet" type="text/css"&gt;
  
  
      &lt;script type="text/javascript"&gt;
      $(window).load(function() {
      $('#slider').nivoSlider({
      effect:'random', //Specify sets like: 'fold,fade,sliceDown'
      slices:15,
      animSpeed:500, //Slide transition speed
      pauseTime:3000,
      startSlide:0, //Set starting Slide (0 index)
      directionNav:false, //Next &amp; Prev
      directionNavHide:false, //Only show on hover
      controlNav:false, //1,2,3...
      controlNavThumbs:false, //Use thumbnails for Control Nav
      controlNavThumbsFromRel:true, //Use image rel for thumbs
      controlNavThumbsSearch: '.jpg', //Replace this with...
      controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
      keyboardNav:true, //Use left &amp; right arrows
      pauseOnHover:true, //Stop animation while hovering
      manualAdvance:false, //Force manual transitions
      captionOpacity:0.8, //Universal caption opacity
      beforeChange: function(){},
      afterChange: function(){},
      slideshowEnd: function(){}, //Triggers after all slides have been shown
      lastSlide: function(){}, //Triggers when last slide is shown
      afterLoad: function(){} //Triggers when slider has loaded
      });
      });
  
  
      function loadPage(list) {
      location.href=list.options[list.selectedIndex].value
      }
  
      &lt;/script&gt;
  
  
      &lt;title&gt;Untitled 1&lt;/title&gt;
      &lt;/head&gt;
  </code></pre>
  
  <p>HERE IS THE CODE FOR THE PAGE THAT INITIATES THE jqModal:</p>
  
  <pre><code>     &lt;!DOCTYPE html&gt;
       &lt;html&gt;
  
        &lt;head&gt;
        &lt;title&gt;Manuacturer of Folding Cartons&lt;/title&gt;
        &lt;meta content="feeding orphans around the world" name="description"&gt;
        &lt;link href="/src/css/logicpak.css" rel="stylesheet" type="text/css"&gt;
        &lt;script src="/src/jquery/jquery-1.4.3.min.js" type="text/javascript"&gt;&lt;/script&gt;
        &lt;script src="/src/jquery/jqmodal.js" type="text/javascript"&gt;&lt;/script&gt;
  
  
  
        &lt;script  type="text/javascript"&gt;
        $().ready(function() {
        $('#ex1').jqm({ajax: 'carton01.htm', trigger: '.ex1trigger'});
        });
        &lt;/script&gt;
  
        &lt;/head&gt;
  </code></pre>