阿克苏天山熙湖二期天山国宾壹号属于哪个区院是什么装修？
点击联系发帖人
时间：2023-12-05 06:50
恒大御景半岛成交记录房源面积
成交时间
成交总价
成交均价
信息来源
124.11㎡
2023-11-12
139万
11281元/㎡
市场信息
137.4㎡
2023-11-09
164万
12009元/㎡
市场信息
110.52㎡
2023-11-06
107万
9700元/㎡
市场信息
查看全部成交恒大御景半岛价格走势恒大御景半岛房贷计算器更多贷款计算选择基本情况，帮您快速计算房贷
估算总价
万
首付成数
3.5成
1成2成3成3.5成4成5成6成7成8成9成
贷款类别
商业贷款
商业贷款公积金贷款组合贷款
贷款时间
30年（360期）
1年（12期）2年（24期）3年（36期）4年（48期）5年（60期）6年（72期）7年（84期）8年（96期）9年（108期）10年（120期）11年（132期）12年（144期）13年（156期）14年（168期）15年（180期）16年（192期）17年（204期）18年（216期）19年（228期）20年（240期）25年（300期）30年（360期）
还款方式
等额本息
等额本息等额本金
开始计算
参考首付（3.5成）
贷款金额（6.5成）
支付利息（6.5成）
利率公积金
3.1%
商业性
4.2%
月供（等额本息）
元
}
成交时间
成交总价
成交均价
信息来源
124.11㎡
2023-11-12
139万
11281元/㎡
市场信息
137.4㎡
2023-11-09
164万
12009元/㎡
市场信息
110.52㎡
2023-11-06
107万
9700元/㎡
市场信息
查看全部成交恒大御景半岛价格走势恒大御景半岛房贷计算器更多贷款计算选择基本情况，帮您快速计算房贷
估算总价
万
首付成数
3.5成
1成2成3成3.5成4成5成6成7成8成9成
贷款类别
商业贷款
商业贷款公积金贷款组合贷款
贷款时间
30年（360期）
1年（12期）2年（24期）3年（36期）4年（48期）5年（60期）6年（72期）7年（84期）8年（96期）9年（108期）10年（120期）11年（132期）12年（144期）13年（156期）14年（168期）15年（180期）16年（192期）17年（204期）18年（216期）19年（228期）20年（240期）25年（300期）30年（360期）
还款方式
等额本息
等额本息等额本金
开始计算
参考首付（3.5成）
贷款金额（6.5成）
支付利息（6.5成）
利率公积金
3.1%
商业性
4.2%
月供（等额本息）
元
}
查看相册
效果图(20)
规划图(1)
实景图(11)
交通图(1)
标题图(2)
var itemDivNode = document.createElement('div');
itemDivNode.setAttribute('id', "layui-img-id");
itemDivNode.setAttribute('carousel-item', null);
itemDivNode.style.position = "relative";
// 追加
loopDivNode.append(itemDivNode);
$('.loop').empty()
$('.loop').append(loopDivNode)
loopId = "loop" + currentLiTag;
var tmpDivNode = $(document.createElement('div'));
var videoNode = $(document.createElement('video'));
videoNode.prop('src', imgs[currentLiTag][0]['videoUrl']);
videoNode.prop('poster', imgs[currentLiTag][0]['fileName']);
videoNode.prop('autoplay', 'autoplay');
videoNode.prop('controls', 'controls');
videoNode.prop('muted', true);
videoNode.css('width', '600px');
videoNode.css('height', '338px');
tmpDivNode.append(videoNode)
$('#layui-img-id').append(tmpDivNode);
$('.albumButton').hide()
} else if (currentLiTag == 100) {
// 轮播div
var loopDivNode = document.createElement('div');
loopDivNode.setAttribute('id', "loop" + currentLiTag);
loopDivNode.setAttribute('class', "layui-carousel");
// 元素 div
var itemDivNode = document.createElement('div');
itemDivNode.setAttribute('id', "layui-img-id");
itemDivNode.setAttribute('carousel-item', null);
itemDivNode.style.position = "relative";
// 追加
loopDivNode.append(itemDivNode);
$('.loop').empty()
$('.loop').append(loopDivNode)
loopId = "loop" + currentLiTag;
var tmpDivNode = $(document.createElement('div'));
var videoNode = $(document.createElement('iframe'));
videoNode.prop('src', imgs[currentLiTag][0]['videoUrl']);
videoNode.css('width', '600px');
videoNode.css('height', '338px');
tmpDivNode.append(videoNode)
$('#layui-img-id').append(tmpDivNode);
$('.albumButton').hide()
} else {
// 轮播div
var loopDivNode = document.createElement('div');
loopDivNode.setAttribute('id', "loop" + currentLiTag);
loopDivNode.setAttribute('class', "layui-carousel");
// 元素 div
var itemDivNode = document.createElement('div');
itemDivNode.setAttribute('id', "layui-img-id");
itemDivNode.setAttribute('carousel-item', null);
itemDivNode.style.position = "relative";
// 追加
loopDivNode.append(itemDivNode);
$('.loop').empty()
$('.loop').append(loopDivNode)
loopId = "loop" + currentLiTag;
$('#loopId').attr("value", loopId);
// 图片时增加初始化轮播效果
$.each(imgs[currentLiTag], function (i, v) {
var tmpDivNode = document.createElement('div');
var imgNode = document.createElement('img');
imgNode.setAttribute('src', imgs[currentLiTag][i]['fileName']);
imgNode.style.maxWidth = '600px';
imgNode.style.maxHeight = '338px';
tmpDivNode.append(imgNode);
$('#layui-img-id').append(tmpDivNode);
})
if (currentLiTag == 99) {
$('#liveK').show()
}
$('.albumButton').show()
}
layui.use('carousel', function(){
var carousel = layui.carousel;
//建造实例
carousel.render({
elem: '#'+loopId
,width: '100%'
,height: '100%'//设置容器宽度
,arrow: 'always' //始终显示箭头
,indicator: 'none'
,autoplay: false
});
});
}
});
// 标记目前显示的图集
showImg = JSON.stringify(showImg);
$('.select-ul').attr('data-item', showImg);
// 点击效果
$('.f').on('click', {loopId:loopId}, function () {
var showTags = $.parseJSON($('.select-ul').attr('data-item'));
var showTagsLen = showTags.length;
var currentNode = $('*[is-current]')[0];
var prevNode = $('*[is-current]').prev();
var prevDataTag = $(prevNode[0]).attr('data-tag');
//视频或者图片会有一项
var currentImg = $('#layui-img-id').children('img');
var currentVideo = $('#layui-img-id').children('video');
if (prevDataTag == undefined) {
// 当前节点为第一个，无法往前
return;
}
$(currentNode).removeAttr('is-current'); //移除当前标记
$(currentNode).children('span')[0].style.backgroundColor = 'rgba(0,0,0,0.5)'; // 当前节点span背景色还原
$(prevNode[0]).attr('is-current', '1'); //向上一个同胞元素增加样式效果
$(prevNode[0]).children('span')[0].style.backgroundColor = 'rgba(0,151,255,1)';//向上一个同胞元素增加样式效果
// 图片元素覆盖
if (prevDataTag == 11) {
// var videoNode = document.createElement('video');
// videoNode.setAttribute('src', imgs[prevDataTag][0]['videoUrl']);
// videoNode.setAttribute('poster', imgs[prevDataTag][0]['fileName']);
// videoNode.setAttribute('autoplay', "autoplay");
// videoNode.setAttribute('controls', "controls");
// videoNode.setAttribute('muted', true);
// videoNode.style.width = '600px';
// videoNode.style.height = '338px';
var videoNode = $(document.createElement('video'));
videoNode.prop('src',imgs[prevDataTag][0]['videoUrl'] );
videoNode.prop('poster',imgs[prevDataTag][0]['fileName'] );
videoNode.prop('autoplay', 'autoplay');
videoNode.prop('controls', 'controls' );
videoNode.prop('muted', true);
videoNode.css('width', '600px' );
videoNode.css('height', '338px' );
$('#layui-img-id').empty()
$('#layui-img-id').append(videoNode);
$('.albumButton').hide()
} else if (prevDataTag == 100) {
// 轮播div
var loopDivNode = document.createElement('div');
loopDivNode.setAttribute('id', "loop" + prevDataTag);
loopDivNode.setAttribute('class', "layui-carousel");
// 元素 div
var itemDivNode = document.createElement('div');
itemDivNode.setAttribute('id', "layui-img-id");
itemDivNode.setAttribute('carousel-item', null);
itemDivNode.style.position = "relative";
// 追加
loopDivNode.append(itemDivNode);
$('.loop').empty()
$('.loop').append(loopDivNode)
loopId = "loop" + prevDataTag;
var tmpDivNode = $(document.createElement('div'));
var videoNode = $(document.createElement('iframe'));
videoNode.prop('src', imgs[prevDataTag][0]['videoUrl']);
videoNode.css('width', '600px');
videoNode.css('height', '338px');
tmpDivNode.append(videoNode)
$('#layui-img-id').append(tmpDivNode);
$('.albumButton').hide()
} else {
// 轮播div
var loopDivNode = document.createElement('div');
loopDivNode.setAttribute('id', "loop" + prevDataTag);
loopDivNode.setAttribute('class', "layui-carousel");
// 元素 div
var itemDivNode = document.createElement('div');
itemDivNode.setAttribute('id', "layui-img-id");
itemDivNode.setAttribute('carousel-item', null);
itemDivNode.style.position = "relative";
// 追加
loopDivNode.append(itemDivNode);
$('.loop').empty()
$('.loop').append(loopDivNode)
loopId = "loop" + prevDataTag;
$('#loopId').attr("value", loopId);
// $('#layui-img-id').empty()
$.each(imgs[prevDataTag], function (i, v) {
var tmpDivNode = document.createElement('div');
var imgNode = document.createElement('img');
imgNode.setAttribute('src', imgs[prevDataTag][i]['fileName']);
imgNode.style.maxWidth = '600px';
imgNode.style.maxHeight = '338px';
tmpDivNode.append(imgNode);
$('#layui-img-id').append(tmpDivNode);
})
if (prevDataTag == 99) {
$('#liveK').show()
}
$('.albumButton').show()
}
layui.use('carousel', function(){
var carousel = layui.carousel;
//建造实例
carousel.render({
elem: '#'+loopId
,width: '100%'
,height: '100%'//设置容器宽度
,arrow: 'always' //始终显示箭头
,indicator: 'none'
,autoplay: false
});
});
var flag = ($(prevNode[0]).css('display') == 'none');
//下一个元素如果display为none需要交换状态
if (showTagsLen == 5 && flag) {
var popItem = showTags.pop();
$(prevNode[0]).removeClass('selected-item-none');
$(prevNode[0]).removeClass('selected-item');
$('*[data-tag='+popItem+']').removeClass('selected-item-none');
$('*[data-tag='+popItem+']').removeClass('selected-item');
$(prevNode[0]).addClass('selected-item');
$('*[data-tag='+popItem+']').addClass('selected-item-none');
showTags.unshift($(prevNode[0]).attr('data-tag'));
showTags = JSON.stringify(showTags);
$('.select-ul').attr('data-item', showTags);
}
});
$('.l').on('click', {loopId:loopId}, function () {
var showTags = $.parseJSON($('.select-ul').attr('data-item'));
var showTagsLen = showTags.length;
var currentNode = $('*[is-current]')[0];
var nextNode = $('*[is-current]').next();
var nextDataTag = $(nextNode[0]).attr('data-tag');
var currentImg = $('#layui-img-id').children('img');
var currentVideo = $('#layui-img-id').children('video');
if (nextDataTag == undefined) {
// 当前节点为第一个，无法往前
return;
}
$(currentNode).removeAttr('is-current'); //移除当前标记
$(currentNode).children('span')[0].style.backgroundColor = 'rgba(0,0,0,0.5)'; // 当前节点span背景色还原
$(nextNode[0]).attr('is-current', '1'); //向上一个同胞元素增加样式效果
$(nextNode[0]).children('span')[0].style.backgroundColor = 'rgba(0,151,255,1)';//向上一个同胞元素增加样式效果
// 图片元素覆盖
currentImg.attr('src', imgs[nextDataTag][0]['fileName']);
if (nextDataTag == 11) {
// var videoNode = document.createElement('video');
// videoNode.setAttribute('src', imgs[nextDataTag][0]['videoUrl']);
// videoNode.setAttribute('poster', imgs[nextDataTag][0]['fileName']);
// videoNode.setAttribute('autoplay', "autoplay");
// videoNode.setAttribute('controls', "controls");
// videoNode.setAttribute('muted', true);
// videoNode.style.width = '600px';
// videoNode.style.height = '338px';
var videoNode = $(document.createElement('video'));
videoNode.prop('src',imgs[nextDataTag][0]['videoUrl'] );
videoNode.prop('poster',imgs[nextDataTag][0]['fileName'] );
videoNode.prop('autoplay', 'autoplay');
videoNode.prop('controls', 'controls' );
videoNode.prop('muted', true);
videoNode.css('width', '600px' );
videoNode.css('height', '338px' );
$('#layui-img-id').empty()
$('#layui-img-id').append(videoNode);
$('.albumButton').hide()
// currentVideo.attr('src', imgs[prevDataTag][0]['videoUrl']);
} else if (nextDataTag == 100) {
// 轮播div
var loopDivNode = document.createElement('div');
loopDivNode.setAttribute('id', "loop" + nextDataTag);
loopDivNode.setAttribute('class', "layui-carousel");
// 元素 div
var itemDivNode = document.createElement('div');
itemDivNode.setAttribute('id', "layui-img-id");
itemDivNode.setAttribute('carousel-item', null);
itemDivNode.style.position = "relative";
// 追加
loopDivNode.append(itemDivNode);
$('.loop').empty()
$('.loop').append(loopDivNode)
loopId = "loop" + nextDataTag;
var tmpDivNode = $(document.createElement('div'));
var videoNode = $(document.createElement('iframe'));
videoNode.prop('src', imgs[nextDataTag][0]['videoUrl']);
videoNode.css('width', '600px');
videoNode.css('height', '338px');
tmpDivNode.append(videoNode)
$('#layui-img-id').append(tmpDivNode);
$('.albumButton').hide()
} else {
var loopDivNode = document.createElement('div');
loopDivNode.setAttribute('id', "loop" + nextDataTag);
loopDivNode.setAttribute('class', "layui-carousel");
// 元素 div
var itemDivNode = document.createElement('div');
itemDivNode.setAttribute('id', "layui-img-id");
itemDivNode.setAttribute('carousel-item', null);
itemDivNode.style.position = "relative";
// 追加
loopDivNode.append(itemDivNode);
$('.loop').empty()
$('.loop').append(loopDivNode)
loopId = "loop" + nextDataTag;
$('#loopId').attr("value", loopId);
$.each(imgs[nextDataTag], function (i, v) {
var tmpDivNode = document.createElement('div');
var imgNode = document.createElement('img');
imgNode.setAttribute('src', imgs[nextDataTag][i]['fileName']);
imgNode.style.maxWidth = '600px';
imgNode.style.maxHeight = '338px';
tmpDivNode.append(imgNode);
$('#layui-img-id').append(tmpDivNode);
})
if (nextDataTag == 99) {
$('#liveK').show()
}
$('.albumButton').show()
}
layui.use('carousel', function(){
var carousel = layui.carousel;
//建造实例
carousel.render({
elem: '#'+loopId
,width: '100%'
,height: '100%'//设置容器宽度
,arrow: 'always' //始终显示箭头
,indicator: 'none'
,autoplay: false
});
});
var flag = ($(nextNode[0]).css('display') == 'none');
//下一个元素如果display为none需要交换状态
if (showTagsLen == 5 && flag) {
var shiftItem = showTags.shift();
//移除所有样式
$(nextNode[0]).removeClass('selected-item-none');
$(nextNode[0]).removeClass('selected-item');
$('*[data-tag='+shiftItem+']').removeClass('selected-item-none');
$('*[data-tag='+shiftItem+']').removeClass('selected-item');
$(nextNode[0]).addClass('selected-item');
$('*[data-tag='+shiftItem+']').addClass('selected-item-none');
showTags.push($(nextNode[0]).attr('data-tag'));
showTags = JSON.stringify(showTags);
$('.select-ul').attr('data-item', showTags);
}
});
}
效果图(20)
规划图(1)
实景图(11)
交通图(1)
标题图(2)
var itemDivNode = document.createElement('div');
itemDivNode.setAttribute('id', "layui-img-id");
itemDivNode.setAttribute('carousel-item', null);
itemDivNode.style.position = "relative";
// 追加
loopDivNode.append(itemDivNode);
$('.loop').empty()
$('.loop').append(loopDivNode)
loopId = "loop" + currentLiTag;
var tmpDivNode = $(document.createElement('div'));
var videoNode = $(document.createElement('video'));
videoNode.prop('src', imgs[currentLiTag][0]['videoUrl']);
videoNode.prop('poster', imgs[currentLiTag][0]['fileName']);
videoNode.prop('autoplay', 'autoplay');
videoNode.prop('controls', 'controls');
videoNode.prop('muted', true);
videoNode.css('width', '600px');
videoNode.css('height', '338px');
tmpDivNode.append(videoNode)
$('#layui-img-id').append(tmpDivNode);
$('.albumButton').hide()
} else if (currentLiTag == 100) {
// 轮播div
var loopDivNode = document.createElement('div');
loopDivNode.setAttribute('id', "loop" + currentLiTag);
loopDivNode.setAttribute('class', "layui-carousel");
// 元素 div
var itemDivNode = document.createElement('div');
itemDivNode.setAttribute('id', "layui-img-id");
itemDivNode.setAttribute('carousel-item', null);
itemDivNode.style.position = "relative";
// 追加
loopDivNode.append(itemDivNode);
$('.loop').empty()
$('.loop').append(loopDivNode)
loopId = "loop" + currentLiTag;
var tmpDivNode = $(document.createElement('div'));
var videoNode = $(document.createElement('iframe'));
videoNode.prop('src', imgs[currentLiTag][0]['videoUrl']);
videoNode.css('width', '600px');
videoNode.css('height', '338px');
tmpDivNode.append(videoNode)
$('#layui-img-id').append(tmpDivNode);
$('.albumButton').hide()
} else {
// 轮播div
var loopDivNode = document.createElement('div');
loopDivNode.setAttribute('id', "loop" + currentLiTag);
loopDivNode.setAttribute('class', "layui-carousel");
// 元素 div
var itemDivNode = document.createElement('div');
itemDivNode.setAttribute('id', "layui-img-id");
itemDivNode.setAttribute('carousel-item', null);
itemDivNode.style.position = "relative";
// 追加
loopDivNode.append(itemDivNode);
$('.loop').empty()
$('.loop').append(loopDivNode)
loopId = "loop" + currentLiTag;
$('#loopId').attr("value", loopId);
// 图片时增加初始化轮播效果
$.each(imgs[currentLiTag], function (i, v) {
var tmpDivNode = document.createElement('div');
var imgNode = document.createElement('img');
imgNode.setAttribute('src', imgs[currentLiTag][i]['fileName']);
imgNode.style.maxWidth = '600px';
imgNode.style.maxHeight = '338px';
tmpDivNode.append(imgNode);
$('#layui-img-id').append(tmpDivNode);
})
if (currentLiTag == 99) {
$('#liveK').show()
}
$('.albumButton').show()
}
layui.use('carousel', function(){
var carousel = layui.carousel;
//建造实例
carousel.render({
elem: '#'+loopId
,width: '100%'
,height: '100%'//设置容器宽度
,arrow: 'always' //始终显示箭头
,indicator: 'none'
,autoplay: false
});
});
}
});
// 标记目前显示的图集
showImg = JSON.stringify(showImg);
$('.select-ul').attr('data-item', showImg);
// 点击效果
$('.f').on('click', {loopId:loopId}, function () {
var showTags = $.parseJSON($('.select-ul').attr('data-item'));
var showTagsLen = showTags.length;
var currentNode = $('*[is-current]')[0];
var prevNode = $('*[is-current]').prev();
var prevDataTag = $(prevNode[0]).attr('data-tag');
//视频或者图片会有一项
var currentImg = $('#layui-img-id').children('img');
var currentVideo = $('#layui-img-id').children('video');
if (prevDataTag == undefined) {
// 当前节点为第一个，无法往前
return;
}
$(currentNode).removeAttr('is-current'); //移除当前标记
$(currentNode).children('span')[0].style.backgroundColor = 'rgba(0,0,0,0.5)'; // 当前节点span背景色还原
$(prevNode[0]).attr('is-current', '1'); //向上一个同胞元素增加样式效果
$(prevNode[0]).children('span')[0].style.backgroundColor = 'rgba(0,151,255,1)';//向上一个同胞元素增加样式效果
// 图片元素覆盖
if (prevDataTag == 11) {
// var videoNode = document.createElement('video');
// videoNode.setAttribute('src', imgs[prevDataTag][0]['videoUrl']);
// videoNode.setAttribute('poster', imgs[prevDataTag][0]['fileName']);
// videoNode.setAttribute('autoplay', "autoplay");
// videoNode.setAttribute('controls', "controls");
// videoNode.setAttribute('muted', true);
// videoNode.style.width = '600px';
// videoNode.style.height = '338px';
var videoNode = $(document.createElement('video'));
videoNode.prop('src',imgs[prevDataTag][0]['videoUrl'] );
videoNode.prop('poster',imgs[prevDataTag][0]['fileName'] );
videoNode.prop('autoplay', 'autoplay');
videoNode.prop('controls', 'controls' );
videoNode.prop('muted', true);
videoNode.css('width', '600px' );
videoNode.css('height', '338px' );
$('#layui-img-id').empty()
$('#layui-img-id').append(videoNode);
$('.albumButton').hide()
} else if (prevDataTag == 100) {
// 轮播div
var loopDivNode = document.createElement('div');
loopDivNode.setAttribute('id', "loop" + prevDataTag);
loopDivNode.setAttribute('class', "layui-carousel");
// 元素 div
var itemDivNode = document.createElement('div');
itemDivNode.setAttribute('id', "layui-img-id");
itemDivNode.setAttribute('carousel-item', null);
itemDivNode.style.position = "relative";
// 追加
loopDivNode.append(itemDivNode);
$('.loop').empty()
$('.loop').append(loopDivNode)
loopId = "loop" + prevDataTag;
var tmpDivNode = $(document.createElement('div'));
var videoNode = $(document.createElement('iframe'));
videoNode.prop('src', imgs[prevDataTag][0]['videoUrl']);
videoNode.css('width', '600px');
videoNode.css('height', '338px');
tmpDivNode.append(videoNode)
$('#layui-img-id').append(tmpDivNode);
$('.albumButton').hide()
} else {
// 轮播div
var loopDivNode = document.createElement('div');
loopDivNode.setAttribute('id', "loop" + prevDataTag);
loopDivNode.setAttribute('class', "layui-carousel");
// 元素 div
var itemDivNode = document.createElement('div');
itemDivNode.setAttribute('id', "layui-img-id");
itemDivNode.setAttribute('carousel-item', null);
itemDivNode.style.position = "relative";
// 追加
loopDivNode.append(itemDivNode);
$('.loop').empty()
$('.loop').append(loopDivNode)
loopId = "loop" + prevDataTag;
$('#loopId').attr("value", loopId);
// $('#layui-img-id').empty()
$.each(imgs[prevDataTag], function (i, v) {
var tmpDivNode = document.createElement('div');
var imgNode = document.createElement('img');
imgNode.setAttribute('src', imgs[prevDataTag][i]['fileName']);
imgNode.style.maxWidth = '600px';
imgNode.style.maxHeight = '338px';
tmpDivNode.append(imgNode);
$('#layui-img-id').append(tmpDivNode);
})
if (prevDataTag == 99) {
$('#liveK').show()
}
$('.albumButton').show()
}
layui.use('carousel', function(){
var carousel = layui.carousel;
//建造实例
carousel.render({
elem: '#'+loopId
,width: '100%'
,height: '100%'//设置容器宽度
,arrow: 'always' //始终显示箭头
,indicator: 'none'
,autoplay: false
});
});
var flag = ($(prevNode[0]).css('display') == 'none');
//下一个元素如果display为none需要交换状态
if (showTagsLen == 5 && flag) {
var popItem = showTags.pop();
$(prevNode[0]).removeClass('selected-item-none');
$(prevNode[0]).removeClass('selected-item');
$('*[data-tag='+popItem+']').removeClass('selected-item-none');
$('*[data-tag='+popItem+']').removeClass('selected-item');
$(prevNode[0]).addClass('selected-item');
$('*[data-tag='+popItem+']').addClass('selected-item-none');
showTags.unshift($(prevNode[0]).attr('data-tag'));
showTags = JSON.stringify(showTags);
$('.select-ul').attr('data-item', showTags);
}
});
$('.l').on('click', {loopId:loopId}, function () {
var showTags = $.parseJSON($('.select-ul').attr('data-item'));
var showTagsLen = showTags.length;
var currentNode = $('*[is-current]')[0];
var nextNode = $('*[is-current]').next();
var nextDataTag = $(nextNode[0]).attr('data-tag');
var currentImg = $('#layui-img-id').children('img');
var currentVideo = $('#layui-img-id').children('video');
if (nextDataTag == undefined) {
// 当前节点为第一个，无法往前
return;
}
$(currentNode).removeAttr('is-current'); //移除当前标记
$(currentNode).children('span')[0].style.backgroundColor = 'rgba(0,0,0,0.5)'; // 当前节点span背景色还原
$(nextNode[0]).attr('is-current', '1'); //向上一个同胞元素增加样式效果
$(nextNode[0]).children('span')[0].style.backgroundColor = 'rgba(0,151,255,1)';//向上一个同胞元素增加样式效果
// 图片元素覆盖
currentImg.attr('src', imgs[nextDataTag][0]['fileName']);
if (nextDataTag == 11) {
// var videoNode = document.createElement('video');
// videoNode.setAttribute('src', imgs[nextDataTag][0]['videoUrl']);
// videoNode.setAttribute('poster', imgs[nextDataTag][0]['fileName']);
// videoNode.setAttribute('autoplay', "autoplay");
// videoNode.setAttribute('controls', "controls");
// videoNode.setAttribute('muted', true);
// videoNode.style.width = '600px';
// videoNode.style.height = '338px';
var videoNode = $(document.createElement('video'));
videoNode.prop('src',imgs[nextDataTag][0]['videoUrl'] );
videoNode.prop('poster',imgs[nextDataTag][0]['fileName'] );
videoNode.prop('autoplay', 'autoplay');
videoNode.prop('controls', 'controls' );
videoNode.prop('muted', true);
videoNode.css('width', '600px' );
videoNode.css('height', '338px' );
$('#layui-img-id').empty()
$('#layui-img-id').append(videoNode);
$('.albumButton').hide()
// currentVideo.attr('src', imgs[prevDataTag][0]['videoUrl']);
} else if (nextDataTag == 100) {
// 轮播div
var loopDivNode = document.createElement('div');
loopDivNode.setAttribute('id', "loop" + nextDataTag);
loopDivNode.setAttribute('class', "layui-carousel");
// 元素 div
var itemDivNode = document.createElement('div');
itemDivNode.setAttribute('id', "layui-img-id");
itemDivNode.setAttribute('carousel-item', null);
itemDivNode.style.position = "relative";
// 追加
loopDivNode.append(itemDivNode);
$('.loop').empty()
$('.loop').append(loopDivNode)
loopId = "loop" + nextDataTag;
var tmpDivNode = $(document.createElement('div'));
var videoNode = $(document.createElement('iframe'));
videoNode.prop('src', imgs[nextDataTag][0]['videoUrl']);
videoNode.css('width', '600px');
videoNode.css('height', '338px');
tmpDivNode.append(videoNode)
$('#layui-img-id').append(tmpDivNode);
$('.albumButton').hide()
} else {
var loopDivNode = document.createElement('div');
loopDivNode.setAttribute('id', "loop" + nextDataTag);
loopDivNode.setAttribute('class', "layui-carousel");
// 元素 div
var itemDivNode = document.createElement('div');
itemDivNode.setAttribute('id', "layui-img-id");
itemDivNode.setAttribute('carousel-item', null);
itemDivNode.style.position = "relative";
// 追加
loopDivNode.append(itemDivNode);
$('.loop').empty()
$('.loop').append(loopDivNode)
loopId = "loop" + nextDataTag;
$('#loopId').attr("value", loopId);
$.each(imgs[nextDataTag], function (i, v) {
var tmpDivNode = document.createElement('div');
var imgNode = document.createElement('img');
imgNode.setAttribute('src', imgs[nextDataTag][i]['fileName']);
imgNode.style.maxWidth = '600px';
imgNode.style.maxHeight = '338px';
tmpDivNode.append(imgNode);
$('#layui-img-id').append(tmpDivNode);
})
if (nextDataTag == 99) {
$('#liveK').show()
}
$('.albumButton').show()
}
layui.use('carousel', function(){
var carousel = layui.carousel;
//建造实例
carousel.render({
elem: '#'+loopId
,width: '100%'
,height: '100%'//设置容器宽度
,arrow: 'always' //始终显示箭头
,indicator: 'none'
,autoplay: false
});
});
var flag = ($(nextNode[0]).css('display') == 'none');
//下一个元素如果display为none需要交换状态
if (showTagsLen == 5 && flag) {
var shiftItem = showTags.shift();
//移除所有样式
$(nextNode[0]).removeClass('selected-item-none');
$(nextNode[0]).removeClass('selected-item');
$('*[data-tag='+shiftItem+']').removeClass('selected-item-none');
$('*[data-tag='+shiftItem+']').removeClass('selected-item');
$(nextNode[0]).addClass('selected-item');
$('*[data-tag='+shiftItem+']').addClass('selected-item-none');
showTags.push($(nextNode[0]).attr('data-tag'));
showTags = JSON.stringify(showTags);
$('.select-ul').attr('data-item', showTags);
}
});
}
我要回帖
更多关于 天山国宾壹号属于哪个区 的文章
更多推荐
- ·狗狗嘴巴里发白没有血色死后嘴中有黄色的小颗粒，大概是大米的一半大小密密麻麻的在嘴中牙齿上。那是什么？不会动，不是虫子
- ·回民的女性割礼是怎么回事没有哭天堂门一说？
- ·台湾一年四季天气温度九月份天气气温平圴多少
- ·家里装修，电视机装墙上多高合适要装多高？
- ·这个小不知道狗狗是什么品种怎么鉴别？
- ·西瓜创客少儿编程app是专业的编程网课吗？有没有在学的或者在他们家学过的进来说说？
- ·谁用过的比较好用滋润的哪种身体乳补水效果好推荐下呗？
- ·steam界面加载不出来添加好友页面只有头像
- ·品牌智能马桶排行榜的十大品牌分享
- ·2023热门好砂锅推荐荐
- ·南通常州天安花园二手房逸品花园是什么装修？
- ·珐琅锅的正确用法使用超全攻略
- ·深圳天安云谷写字楼星寓是什么装修？
- ·东莞天安深创深圳天安云谷写字楼楼是什么装修？
- ·各位对于微信群里现在有个叫良久社群团购怎么快速做起来的商业模式如何看。大家都来讨论一下对方的商业模式和拉人是否和法！
- ·冰箱保鲜结冰是什么原因食物保鲜调多少℃最好
- ·阿克苏天山熙湖二期天山国宾壹号属于哪个区院是什么装修？
- ·沐浴花洒哪个牌子好十大品牌分享
- ·国产智能马桶哪个牌子好十大品牌推荐
- ·拉萨幸福小镇汤泉价格吉曲温泉小镇是什么装修？
- ·拉萨天峰祥和苑在哪里金琦苑是什么装修？
- ·拉萨买房中新房铭著是什么装修？
- ·拉萨柳梧新区房价金新香缇湾花园是什么装修？
- ·拉萨民商天河融景融禧园是什么装修？
- ·拉萨凤凰城是什么碧桂园143平方4房装修效果图？
- ·拉萨正规的装修公司排名祥和芸谷是什么装修？
- ·青岛城阳天安数码城是干什么天安科创城是什么装修？
- ·拉萨装修房子多少钱阿古顿巴文化广场是什么装修？
- ·拉萨翠湖文景居位置是什么装修？
- ·拉萨碧桂园房子怎么样南城碧水湾是什么装修？
- ·拉萨北城拉萨御品世家售楼部是什么装修？
- ·这是一什么画画？
