想實現我的網站desoslider

Question

我的網站使用osclass分類劇本，我想實現我的網站desoslider和我跟着[http://sylouuu.github.io/desoslide/documentation.html#setup][1] 代碼和腳本我用的是下面

PHP

<?php if(osc_images_enabled_at_items()) { ?> 
       <?php if(osc_count_item_resources() > 0) { ?> 
       <div id="photos"> 
        <?php for ($i = 0; osc_has_item_resources(); $i++) { ?> 
        <a href="<?php echo osc_resource_url(); ?>" rel="image_group" title="<?php _e('Image', 'modern'); ?> <?php echo $i+1;?>/<?php echo osc_count_item_resources();?>"> 
         <?php if($i == 0) { ?> 
         <img src="<?php echo osc_resource_url(); ?>" width="70" height="50" alt="<?php echo osc_item_title(); ?>" title="<?php echo osc_item_title(); ?>" /> 
         <?php } else { ?> 
         <img src="<?php echo osc_resource_thumbnail_url(); ?>" width="70" height="50" alt="<?php echo osc_item_title(); ?>" title="<?php echo osc_item_title(); ?>" /> 
         <?php } ?> 
        </a> 
        <?php } ?> 
       </div> 
       <?php } ?> 
      <?php } ?> 
        <div id=demo></div> 

JS

$(function() { 
    $('#photos').desoSlide({ 
     main: { 
      container: '#demo', 
      cssClass: 'img-responsive' 
     }, 
     caption: true 
    }); 
}); 

的文件說，我們必須指定您的圖片鏈接和ALT attribut即我嘗試了幾個步驟，但沒有成功。幫助我成功使用這個desoslider

Answer 1

因爲在1. *版本中，您的縮略圖必須位於<ul>標籤內，並且<li>。因此請將<div id="photos">替換爲<ul id="photos">，並將<a>換成<li>。

但無論如何，這個強制標記結構已被更改，版本2更寬容。檢查出來：http://sylouuu.github.io/desoslide/doc/