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/

想在我的网站上实现desoslider

1 个答案: