带有动态滑梯的Flexslider＆amp;子弹导航

Question

我已经使用Drupal站点实现了flexslider。我陷入了困境。问题是我的幻灯片是动态构建的，因为它们可以从Admin端配置。像这样：

<?php
    $slide_text = '';
    $slide_image = '';
    $slider_nodes = get_slider_nodes(); // get all home page slides
  ?>
  <div id="homepage-slider-wrap" class="clr flexslider-container">
    <div id="homepage-slider" class="flexslider">
      <ul class="slides clr">
        <?php
        foreach($slider_nodes as $slide) :
          $node = node_load($slide->nid);
          $slide_text = $node->body['und'][0]['value'];
          $slide_image = $node->field_slide_image['und'][0]['uri'];
        ?>
        <li class="homepage-slider-slide">
          <div class="homepage-slide-inner container">
            <?php if($slide_text) : ?>
            <div class="homepage-slide-content">
              <div class="clr"></div>
              <div class="homepage-slide-caption">
                <?php print $slide_text; ?>
                <div class="read-more"><?php print l('Read More...' , 'node/' . $slide->nid); ?></div>
              </div>     
            </div>
            <?php endif; ?>
          </div>
          <img src="<?php print file_create_url($slide_image); ?>">
        </li>
        <?php
          endforeach;
        ?>
      </ul>
    </div>
    <div class="custom-navigation">
        <div class="custom-controls-container"></div>
    </div> 
  </div>

根据项目设计，我需要幻灯片子弹缩略图（带有“自定义导航”类的DIV）。这里的问题是.read-more在foreach循环中，所以我们不能把自定义导航（项目符号）放在任何循环中。那么这里的解决方案是什么？

任何帮助将不胜感激。 感谢。