ContentFlow Javascript-成功使用图像以外的内容

ContentFlow Javascript - Success Using Content Other Than Images?

本文关键字：图像 Javascript- 成功 ContentFlow      更新时间：2023-09-26

我想使用ContentFlow Javascript工具来显示TEXT和其他类型的HTML，而不是图像。文件上说这是可能的，但我还没有发现它是如何工作的。看看我的测试页面，当内容不是图像时，它不会加载。下面是本页的代码。有什么想法吗？

<Html>
    <script language="JavaScript" type="text/javascript" src="contentflow.js"></script>

    <div class="ContentFlow">
        <div class="loadIndicator"><div class="indicator"></div></div>
        <div class="flow">
            <div class="item" src="" title="">test content</div>
            <img class="item" src="http://jquery.bassistance.de/plugins/thickbox/images/plant4.jpg" title="Your_Image_Title"/>
    <img class="item" src="http://www.wired.com/images/article/magazine/1705/st_alphageek_f.jpg" title="Your_Image_Title"/>
            <img class="item" src="http://jquery.bassistance.de/plugins/thickbox/images/plant4.jpg" title="Your_Image_Title"/>
    <img class="item" src="http://www.wired.com/images/article/magazine/1705/st_alphageek_f.jpg" title="Your_Image_Title"/>
            <img class="item" src="http://jquery.bassistance.de/plugins/thickbox/images/plant4.jpg" title="Your_Image_Title"/>
        </div>
        <div class="globalCaption"></div>
        <div class="scrollbar"><div class="slider"><div class="position"></div></div></div>
    </div>

我也遇到了同样的问题。您要做的是在".item"div中放入一个内部div，如下所示：

<div class="item"><div class="content">Text content to display</div></div>

作为一个警告，文档说".item"容器本身将被缩放为特定的大小，但文本不会被缩放。。。如果你不仔细看，有时会导致一些看起来很有趣的东西。

我认为它应该像下面这样简单：

<div class="ContentFlow">
    <div class="loadIndicator"><div class="indicator"></div></div>
    <div class="flow">
        <div class="item">test content</div>
        <div class="item">test content2</div>
        <div class="item">test content3</div>
        <div class="item">test content4</div>
        <div class="item">
            <a href="http://stackoverflow.com">
              <span>this is also test content</span>
            </a>
        </div>
    </div>
    <div class="globalCaption"></div>
    <div class="scrollbar"><div class="slider"><div class="position"></div></div></div>
</div>
相关文章：