與PHP實時jQuery縮略圖

Question

我想實現與我的PHP頁面的jQuery實時縮略圖。在頁面上，我正在檢索事件信息以及逗號分隔的縮略圖值列表。這個插件的工作方式有點不同，我很難適應腳本的工作。這個插件位於http://tutorialzine.com/2012/12/album-photo-previews-jquery/。在他們的例子中，他們使用數組，而我有逗號分隔的縮略圖列表。該代碼我至今在這裏...

<?php foreach ($events as $event) { ?> 
    <div class="left13 section_home" style="margin-bottom:25px;"> 
     <h2><?php echo $event['event_title']; ?></h2> 
     <div align="center"> 
      <?php foreach ($event['thumbnails'] as $thumbnail) { ?> 
       <a href="#" data-images="<?php echo str_replace(',', '|', $event['thumbnails']); ?>" class="album"> 
       <img src="<?php echo ($event['thumbnails'] != '') ? base_url() . 'media/photos/thumbnail/' . $event['thumbnails'] : base_url() . 'images/no_photo_thumbnail.png'; ?>" alt="" title="" /><span class="preloader"></span></a> 
       <p><?php echo ($event['event_description'] != '') ? substr($event['event_description'], 0, 200) : 'No description yet...'; ?></p> 
       <a href="<?php echo base_url(); ?>profile/events/view/<?php echo $event['event_id']; ?>" class="section_more"><span class="swirl_left"><span class="swirl_right">View This Event</span></span></a> 
      <?php } ?> 
     </div> 
    </div> 
<?php } ?> 

我將如何能夠通過使用逗號，使這個腳本工作分開縮略圖值，而不是在本教程中使用數組列表？謝謝！

Answer 1

我想通了，答案很簡單。首先，我的數據來自數據庫，包括逗號分隔的縮略圖列表。我只是使用了正確的功能將這些數據插入到腳本中。我現在唯一的問題是我需要將路徑添加到逗號分隔列表中每個值的開頭。有沒有一個PHP函數來做到這一點？以下是我幾乎完成的代碼。

<div class="content"> 
    <?php foreach ($events as $event) { 
     // Create an array out of the comma separated list of thumbnails 
     $thumbnails = explode(',', $event['thumbnails']); ?> 
     <div class="left13 section_home" style="margin-bottom:25px;"> 
      <h2><?php echo $event['event_title']; ?></h2> 
      <div align="center"> 
       <a href="#" data-images="<?php echo str_replace(',', '|', $event['thumbnails']); ?>" class="album"><img src="<?php echo base_url() . 'media/photos/thumbnail/' . $thumbnails[0]; ?>" alt="" title="" /><span class="preloader"></span></a> 
       <p><?php echo ($event['event_description'] != '') ? substr($event['event_description'], 0, 200) : 'No description yet...'; ?></p> 
       <a href="<?php echo base_url(); ?>profile/events/view/<?php echo $event['event_id']; ?>" class="section_more"><span class="swirl_left"><span class="swirl_right">View This Event</span></span></a> 
      </div> 
     </div> 
    <?php } ?> 
</div> 

要完成這件事，我需要以下添加到每個項目中的$ event [「縮略圖」]開始......

<?php echo base_url(); ?>media/photos/thumbnail/ 

那麼就應該很好地工作。