1

我有一个 JS _buildPlaylist 文件,例如:

//创建拇指
                thumb=$(new Image()).addClass('thumb_img').appendTo(div).attr('alt', _item.title?_item.title:'').css({
                   光标:'指针',
                   不透明度:0
                }).load(函数() {
                    $(this).stop().animate({ 'opacity':1}, {duration: 500, easing: 'easeOutSine'});//fade in thumb
                }).错误(函数(e){

                }).attr('src', _item.thumbnail);

带有“alt title name”的清晰图像缩略图行

这是结果:

 <img class="thumb_img" alt="Sample title builded here" style="cursor: pointer; opacity: 1;" src="http://mywebsite.com/image.jpg">

如您所见,这会创建一个带有 alt 文本属性的图像

现在,我想改建一个<LI> List names

  • 此处构建的示例标题(这是 ALT 标题名称

那么,如何将图像缩略图更改为文本,或仅显示 alt 标题?

4

2 回答 2

0

img如果您不想显示图像,则不需要使用标签。只需将其作为 alabel或 a 即可link。那会做的。

于 2012-12-14T14:08:21.320 回答
-1

new Image()与其构建 a ,不如构建一个<a>包裹在 a 中的<li>

var thumb = $("<a>", { 
    'class': 'thumb_item', 
    'text' : (_item.title ? _item.title : "No title"),
    'href' : _item.thumbnail
}).wrap("<li>").parent().appendTo(div);​

当然我们会取消.load.error处理程序,因为这些事件不会发生在列表项上。

小提琴:http: //jsfiddle.net/tudwA/

于 2012-12-14T14:08:32.707 回答