2016-01-27 200 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";?>"> 

我希望這有助於。