ContentFlow Javascript - Успех использования контента, отличного от изображений? - PullRequest
0 голосов
/ 02 июня 2011

Я бы хотел использовать инструмент ContentFlow Javascript для отображения текста и других типов 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>

Ответы [ 2 ]

1 голос
/ 18 августа 2011

У меня была такая же проблема.То, что вам нужно сделать, это поместить внутренний div внутри div ".item" следующим образом:

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

В качестве предостережения, документы говорят, что сам контейнер ".item" будет масштабирован дляопределенного размера, но текст НЕ будет масштабироваться ... иногда это приводит к забавным вещам, если вы не внимательно его просматриваете.

0 голосов
/ 16 августа 2011

Я думаю, это должно быть так просто:

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