title: creating Skrollr elements dynamically, scroll fails
body: <p>I hard coded a Skrollr demo page and it worked great. Hard coding the data tags is tedious so I went with creating the img divs dynamically. But now I can't get it to work!
  I need another set of eyes to look at my code. I'm sure I am overlooking something simple.<br><br>
  Ideally when you scroll down the images should appear to animate (by having their visibility toggled) but the div should stay at a  fixed position on the page.<br>
  <a href="http://moto.oakley.com" rel="nofollow">http://moto.oakley.com</a>
  <br>
  has a good example of Skrollr in action.</p>
  
  <p>Here is a sample of the img div before the JS runs</p>
  
  <pre><code>&lt;img data--10000-top="display:block;" data-1-top="display:none;" data-anchor-target="#bps_ux" data-src="images/bps/bps0001.jpg" src="images/bps/bps0001.jpg" class="frame preload skrollable skrollable-after" style="display: block;" alt="" &gt;
  </code></pre>
  
  <p>Then I have a JS function with a for loop that appends to the img div and incrementing the data tags by 20. I think my use of data-- is not quite right.</p>
  
  <p>Once the JS runs the div looks like this but with 75 images.</p>
  
  <pre><code>&lt;img class="frame preload" src="images/bps/bps0001.jpg" data-src="images/bps/bps0001.jpg" data-anchor-target="#bps_ux" data-20-top="display:block;" data-0-top="display:none;" alt="bpsSprite frame 0001"&gt;
  &lt;img class="frame preload" src="images/bps/bps0002.jpg" data-src="images/bps/bps0002.jpg" data-anchor-target="#bps_ux" data-1-top="display:none;" data--0-top="display:block;" data--20-top="display:none;" alt="bpsSprite frame 0002"&gt;
  &lt;img class="frame preload" src="images/bps/bps0003.jpg" data-src="images/bps/bps0003.jpg" data-anchor-target="#bps_ux" data-1-top="display:none;" data--20-top="display:block;" data--40-top="display:none;" alt="bpsSprite frame 0003"&gt;
  </code></pre>
  
  <p>Here is my test link with the full code<br>
  <a href="http://retropunk.com/files/bps-skrollr/" rel="nofollow">http://retropunk.com/files/bps-skrollr/</a></p>
  
  <p>Thanks for any tips<br>
  - P</p>