0

I'd like to use the ContentFlow Javascript tool to display TEXT and other types of HTML rather than images. The documentation says it's possible but I have yet to discover how it works. Check out my test page which just doesn't load when the content is something other than images. Code from this page follows. Any thoughts?

<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>

4

2 回答 2

1

我有同样的问题。您需要做的是在“.item” div 中放置一个内部 div，如下所示：

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

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

于 2011-08-17T21:06:59.367 回答
0

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

<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>
于 2011-08-15T23:29:55.250 回答