Jssor - 使用图像作为标题

时间:2014-09-23 11:46:08

标签: javascript jquery

我试图建立一个Jssor幻灯片,但我在做某事时遇到了麻烦,而且这肯定是由于我缺乏知识产权。

我想在图片中加入字幕,但我需要使用不符合标准的特定字体。为此,我想要包含包含我需要的文字的图像。我尝试改变其中一个标题示例,但它只是在它到达我的图形标题时挂起。

我更改了第二张幻灯片图片代码,用标签替换了标题文字:

http://test10.ssih.com/Jssor/examples-jquery/slider-with-caption.source.html

是否有正确的"我这样做的方式?

每个请求,一些代码。我不确定有多大意义,但这是我编辑的部分:

<!-- Slide -->
            <div>
                <img u="image" src="../img/landscape/02.jpg" />
                <div u="caption" t="MCLIP|B" t2="T" style="position: absolute; top: 250px; left: 0px;
                    width: 600px; height: 50px;">
                    <div style="position: absolute; top: 0px; left: 0px; width: 600px; height: 50px;
                        background-color: Black; opacity: 0.5; filter: alpha(opacity=50);">
                    </div>
                    <div style="position: absolute; top: 0px; left: 0px; width: 600px; height: 50px;
                        color: White; font-size: 16px; font-weight: bold; line-height: 50px; text-align: center;">
                        <img src="../../slideshow/co2.png">
                    </div>
                </div>
            </div>

就问题描述而言,如果不重复自己,我不知道自己会有多少描述性。

1 个答案:

答案 0 :(得分:0)

以下图片标题定义是否有意义?

<img u="caption" t="L" src="url" style="position: absolute; top: 250px; left: 0px; width: 600px; height: 50px;" />