2016-01-27 155 views
1

我有一个网站,住在此刻和图像序列desplay我想补充一点的动态与滑块并使其所以它随机显示的图像,而不是这是基本的代码:创建随机图像幻灯片

<div class="container slideshowContainer" style="width: 100%;"> 
     <!-- BEGIN REVOLUTION SLIDER -->  
     <div class="fullwidthbanner-container slider-main margin-bottom-10"> 
      <div class="fullwidthabnner"> 
       <ul id="revolutionul" style="display:none;">                      
        <!-- OUTPUT THE SLIDES --> 
        <?php 
         foreach($slides as $d){ 
        ?> 

         <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400" data-thumb="assets/img/sliders/revolution/thumbs/thumb2.jpg"> 
             <?php if($d['slideshow_image_sub_title_4'] != ""){ ?> 
           <a href="<?php echo $d['slideshow_image_sub_title_4']; ?>"> 
            <img src="uploads/images/<?php echo $d['slideshow_image_file']; ?>" title="<?php echo $d['slideshow_image_title']; ?>" style="width: 100%;" /> 
           </a>         
          <?php } else { ?> 
            <img src="uploads/images/<?php echo $d['slideshow_image_file']; ?>" title="<?php echo $d['slideshow_image_title']; ?>" style="width: 100%;" /> 
          <?php } ?> 
         </li> 
         <?php 
         } 
        ?>      
       </ul> 
       <div class="tp-bannertimer tp-bottom"></div> 
      </div> 
     </div> 
     <!-- END REVOLUTION SLIDER --> 
    </div>  

我怎么能修改此帮助随机显示的图像 请询问如果我需要提前提供更多信息

感谢

+0

我不知道你真正想要的,但如果我是正确的一个简单的洗牌会做:洗牌($幻灯片)之前,每个 –

+0

喜感谢您的回复 - 我目前有一个幻灯片,通过幻灯片1 - 7的gos,并且每次我都希望它是随机的,因此每次该网站加载 – Phil

+0

时,它将基本上是不同的幻灯片,随机播放你的阵列,所以如果你的幻灯片放在$幻灯片中,一个随机播放会做出随机顺序......或者即时消息发布点? –

回答

2

试试这个:

div class="container slideshowContainer" style="width: 100%;"> 
    <!-- BEGIN REVOLUTION SLIDER -->  
    <div class="fullwidthbanner-container slider-main margin-bottom-10"> 
     <div class="fullwidthabnner"> 
      <ul id="revolutionul" style="display:none;">                      
       <!-- OUTPUT THE SLIDES --> 
       <?php 
        shuffle($slides); 
        foreach($slides as $d){ 
       ?> 

        <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400" data-thumb="assets/img/sliders/revolution/thumbs/thumb2.jpg"> 
            <?php if($d['slideshow_image_sub_title_4'] != ""){ ?> 
          <a href="<?php echo $d['slideshow_image_sub_title_4']; ?>"> 
           <img src="uploads/images/<?php echo $d['slideshow_image_file']; ?>" title="<?php echo $d['slideshow_image_title']; ?>" style="width: 100%;" /> 
          </a>         
         <?php } else { ?> 
           <img src="uploads/images/<?php echo $d['slideshow_image_file']; ?>" title="<?php echo $d['slideshow_image_title']; ?>" style="width: 100%;" /> 
         <?php } ?> 
        </li> 
        <?php 
        } 
       ?>      
      </ul> 
      <div class="tp-bannertimer tp-bottom"></div> 
     </div> 
    </div> 
    <!-- END REVOLUTION SLIDER --> 
</div>  

http://php.net/manual/de/function.shuffle.php

+0

点在朋友谢谢你的帮助和支持 – Phil

0

我敢肯定有比这更好的答案,但我完成这个的方式是通过命名使用数字图片,并使用下面的代码来加载它们:

<img src="uploads/images/<?php.rand(1,9).".jpg";?>"> 

我希望这有助于。