Question

我正在使用Fotorama（www.fotorama.io）Jquery插件构建网站。我一直在使用此代码生成自定义缩略图。我需要以某种方式抓住图片上的新闻。

<img data-url="http:://ya.ru" src="http://s.fotorama.io/1.jpg">...

但是我的代码不正确，我并不总能得到想要的图片。

如何捕捉图片并单击选项以从雷达图像接收数据？

<style>
.clear{clear: both;}
</style>

            <div class="container-fluid">
                <div style="border-style: solid;padding:1%;" class="col-md-2 col-md-offset-1">
                    <div class="row">
                        <div class="col-md-7">
                            <h4>Title</h4>
                            <p>Name</p>
                            <p>Family</p>
                        </div>
                        <div class="col-md-5">
                            <img class="img-responsive" src="www.example.com/photo">
                        </div>
                    </div>
                    <div class="row">
                        <p>
                            Description
                        </p>
                    </div>
                </div>
                <div style="border-style: solid;padding:1%" class="col-md-2">
                    <div class="row">
                        <div class="col-md-7">
                            <h4>Title</h4>
                            <p>Name</p>
                            <p>Family</p>
                        </div>
                        <div class="col-md-5">
                            <img class="img-responsive" src="www.example.com/photo">
                        </div>
                    </div>
                    <div class="row">
                        <p>
                            Description
                        </p>
                    </div>
                </div>
                <div style="border-style: solid;padding:1%" class="col-md-2">
                    <div class="row">
                        <div class="col-md-7">
                            <h4>Title</h4>
                            <p>Name</p>
                            <p>Family</p>
                        </div>
                        <div class="col-md-5">
                            <img class="img-responsive" src="www.example.com/photo">
                        </div>
                    </div>
                    <div class="row">
                        <p>
                            Description
                        </p>
                    </div>
                </div>
                <div style="border-style: solid;padding:1%" class="col-md-2">
                    <div class="row">
                        <div class="col-md-7">
                            <h4>Title</h4>
                            <p>Name</p>
                            <p>Family</p>
                        </div>
                        <div class="col-md-5">
                            <img class="img-responsive" src="www.example.com/photo">
                        </div>
                    </div>
                    <div class="row">
                        <p>
                            Description
                        </p>
                    </div>
                </div>
               <div class="clear"></div>
              <div style="border-style: solid;padding:1%;" class="col-md-2 col-md-offset-1">
                    <div class="row">
                        <div class="col-md-7">
                            <h4>Title</h4>
                            <p>Name</p>
                            <p>Family</p>
                        </div>
                        <div class="col-md-5">
                            <img class="img-responsive" src="www.example.com/photo">
                        </div>
                    </div>
                    <div class="row">
                        <p>
                            Description
                        </p>
                    </div>
                </div>
                <div style="border-style: solid;padding:1%" class="col-md-2">
                    <div class="row">
                        <div class="col-md-7">
                            <h4>Title</h4>
                            <p>Name</p>
                            <p>Family</p>
                        </div>
                        <div class="col-md-5">
                            <img class="img-responsive" src="www.example.com/photo">
                        </div>
                    </div>
                    <div class="row">
                        <p>
                            Description
                        </p>
                    </div>
                </div>
                <div style="border-style: solid;padding:1%" class="col-md-2">
                    <div class="row">
                        <div class="col-md-7">
                            <h4>Title</h4>
                            <p>Name</p>
                            <p>Family</p>
                        </div>
                        <div class="col-md-5">
                            <img class="img-responsive" src="www.example.com/photo">
                        </div>
                    </div>
                    <div class="row">
                        <p>
                            Description
                        </p>
                    </div>
                </div>
                <div style="border-style: solid;padding:1%" class="col-md-2">
                    <div class="row">
                        <div class="col-md-7">
                            <h4>Title</h4>
                            <p>Name</p>
                            <p>Family</p>
                        </div>
                        <div class="col-md-5">
                            <img class="img-responsive" src="www.example.com/photo">
                        </div>
                    </div>
                    <div class="row">
                        <p>
                            Description
                        </p>
                    </div>
                </div>
               <div class="clear"></div>

Answer 1

您正在使用attr方法

$(fotorama.activeFrame).attr('url')

白色属性的名称是data-url

使用数据（＆＃34; url＆＃34;）方法或attr（＆＃34; data-url＆＃34;）

你可以尝试一下吗？

使用Fotorama api关注链接

1 个答案: