osclass - 想在我的网站上实现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 属性。我尝试了几个步骤但没有成功。帮我成功使用这个desoslider

Answer 1

因为在 1.* 版本中，您的缩略图必须位于<ul>带有<li>. 所以替换<div id="photos">为<ul id="photos">并包裹<a>在<li>.

但无论如何，这个强制标记结构已经改变，版本 2 更宽松。看看：http ://sylouuu.github.io/desoslide/doc/