通过DIV数据打开图像

时间:2016-03-06 19:29:28

标签: javascript jquery html css

我再次请求你的帮助,我有一个ftp,其中有一些我想要使用的音乐封面http://inlivefm.6te.net/capas/

此外,我还有一个javascript,它为我提供了封面链接的数据:他现在要提供的链接 http://inlivefm.6te.net/capas/I需要你的爱  最后一首歌

我使用JavaScript来提供封面

<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            //  Defino my variable global
            var myObj = {}; 
            $.ajax({
                type: "GET",
                url: "/AirPlayHistory.xml",
                dataType: "xml",
                success: function(xml) {
                    $(xml).find('Song').each(function() {
                        //  Definimos el atributo tittle
                        myObj.tittle = $(this).attr('title');

                        $(this).find('Artist').each(function() {
                            //  Definimos el atributo artist
                            myObj.artist = $(this).attr('name');
                        });

                        $(this).find('Info').each(function() {
                            //  Definimos el atributo time
                            myObj.time = $(this).attr('StartTime');
                        });

                        $(this).find('Info').each(function() {
                            //  Definimos el atributo cover
                            myObj.cover = $(this).attr('JazlerID');
                        });

                        //  Por ultimo lo mostramos :)
                        $('.cancion').html("<p>http://inlivefm.6te.net/capas/" + myObj.tittle + ".jpg</p>");
                    });
                }
            });         
        });
    </script>
</head>
<body>
    <div class="cancion"></div>
</body>
</html>

知道div给了我封面的链接,想要打开所提供数据的直通图像

<img src="<div class="cancion"></div>
"/>

我想要的例子是这样的:

<img src="http://inlivefm.6te.net/capas/I NEED YOUR LOVE.jpg"/>

我正在尝试这样做,但我无法做到,因为图片没有打开,所以我来找你帮忙。

非常感谢你!

1 个答案:

答案 0 :(得分:1)

我相信你想要一个图片,点击它时会带你到另一个资源;像这样做:

<a href='resource.URL' ><img src='image.URL' other_attributes /></a>

点击image.URL会转到resource.URL