您的位置：首页 > 百科管理 > 详情

全屏轮播海报代码-基础版使用全屏海报轮播代码导致图片显示不全。

原创：找图网 2023-06-10 21:38:09

求单张淘宝首页全屏海报代码

我有一个,贴在上面发给你。希望采纳。淘宝的全屏不轮播海报代码“

<div

style="height:600px;">

<div

class="footer-more-trigger"

style="left:50%;top:auto;border:none;padding:0;">

<div

class="footer-more-trigger"

style="left:-960px;top:auto;border:none;padding:0;">

href="#"

style="width:1920px;height:600px;display:block;"

target="_blank">

<img

alt="全屏海报"

border="0"

src="图片网址"

/></a></div>

</div>

基础版使用全屏海报轮播代码导致图片显示不全。

这个要修改代码的,你使用的代码是950的,你现在的窗口应该是750的

救急求淘宝全屏海报轮播html代码

淘宝的没有,不过类似有的,可以根据自己的需要稍作修改

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>

<title>pic player</title>

"></script>

</head>

img{border:0;}

</style>

<body>

there is a pic-player

</div>

var p = $('#picplayer');

var pics1 = [{url:'

',link:'

',time:5000},{url:'

',link:'

',time:4000},{url:'

',link:'

',time:6000},{url:'

',link:'

',time:6000},{url:'

',link:'

',time:6000}];

initPicPlayer(pics1,p.css('width').split('px')[0],p.css('height').split('px')[0]);

function initPicPlayer(pics,w,h)

{

//选中的图片

var selectedItem;

//选中的按钮

var selectedBtn;

//自动播放的id

var playID;

//选中图片的索引

var selectedIndex;

//容器

var p = $('#picplayer');

p.text('');

p.append('<div id="piccontent"></div>');

var c = $('#piccontent');

for(var i=0;i<;i++)

{

//添加图片到容器中

c.append('<a href="'+pics[i].link+'" target="_blank"><img id="picitem'+i+'" style="display: none;z-index:'+i+'" src="'+pics[i].url+'" /></a>');

}

//按钮容器,绝对定位在右下角

p.append('<div id="picbtnHolder" style="position:absolute;top:'+(h-25)+'px;width:'+w+'px;height:20px;z-index:10000;"></div>');

var btnHolder = $('#picbtnHolder');

('<div id="picbtns" style="float:right; padding-right:1px;"></div>');

var btns = $('#picbtns');

for(var i=0;i<;i++)

{

//增加图片对应的按钮

('<span id="picbtn'+i+'" style="cursor:pointer; border:solid 1px #ccc;background-color:#eee; display:inline-block;"> '+(i+1)+' </span> ');

$('#picbtn'+i).data('index',i);

$('#picbtn'+i).click(

function(event)

{

if(('src') == $('#picitem'+$(this).data('index')).attr('src'))

{

return;

}

setSelectedItem($(this).data('index'));

}

);

}

(' ');

///

setSelectedItem(0);

//显示指定的图片index

function setSelectedItem(index)

{

selectedIndex = index;

clearInterval(playID);

//alert(index);

if(selectedItem)('fast');

selectedItem = $('#picitem'+index);

('slow');

if(selectedBtn)

{

('backgroundColor','#eee');

('color','#000');

}

selectedBtn = $('#picbtn'+index);

('backgroundColor','#000');

('color','#fff');

//自动播放

playID = setInterval(function()

{

var index = selectedIndex+1;

if(index > -1)index=0;

setSelectedItem(index);

},pics[index].time);

}

</script>

</body>

</html>

全屏轮播海报代码-基础版使用全屏海报轮播代码导致图片显示不全。

求单张淘宝首页全屏海报代码

基础版使用全屏海报轮播代码导致图片显示不全。

救急 求淘宝全屏海报轮播html代码

救急求淘宝全屏海报轮播html代码