jquery - 图片轮播中每张图片上的文字

Question

我想更改图像轮播中每个图像上的文本。我试过使用单独的 <div>对于每个图像，但它仍然无法正常工作。这是图像轮播的类型:Space Gallery源代码可用。我无法按要求实现。谁有可能的解决方案？

<div id="myGallery" class="spacegallery">
                <div>
                <img src="images/bw3.jpg" alt="" />
<!--This is my text that i want to put-->
                <p class="gh"><strong>Here</strong></p>
                </div>
                <img src="images/lights3.jpg" alt="" />
                <img src="images/bw2.jpg" alt="" />
                <img src="images/lights2.jpg" alt="" />
                <img src="images/bw1.jpg" alt="" />
                <img src="images/lights1.jpg" alt="" />
            </div>

我什至试过这个:

<div id="myGallery" class="spacegallery">
                    <div>
                    <img src="images/bw3.jpg" alt="" />
                  <span>  <marquee behavior="slide" direction="left">HTML slide-in text...</marquee></span>

                    </div>
                    <div>
                    <img src="images/lights3.jpg" alt="" />
                    <span><br/>Tadad</span>
                    </div>
                    <img src="images/bw2.jpg" alt="" />
                    <img src="images/lights2.jpg" alt="" />
                    <img src="images/bw1.jpg" alt="" />
                    <img src="images/lights1.jpg" alt="" />
                </div>
            </div>

CSS:

span{
    position:absolute;
    z-index:1;
    top:100px;
    left:30%;
}

Answer 1

Follow below url may be help.
    http://jsfiddle.net/technotarek/gXN2u/