想在我的网站上实现desoslider答案

【问题标题】：want to implement the desoslider in my website想在我的网站上实现desoslider
【发布时间】：2014-05-05 17:32:51
【问题描述】：

我的网站正在使用 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>

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

文档说我们必须指定您的图片链接和 alt 属性。我尝试了几个步骤但没有成功。帮我成功使用这个desoslider

【问题讨论】：

你好，看看版本2sylouuu.github.io/desoslide

标签： osclass

【解决方案1】：

因为在 1.* 版本中，您的缩略图必须位于带有 <li> 的 <ul> 标记内。因此，将<div id="photos"> 替换为<ul id="photos"> 并将<a> 包装在<li> 中。

但不管怎样，这个强制标记结构已经改变，版本 2 更加宽松。看看吧：http://sylouuu.github.io/desoslide/doc/

【讨论】：