FreeCMS商业版

功能强大、开源、代码通俗易懂、注释详细、面向二次开发友好!

承接网站建设、软件开发、微信开发项目,价格从优,欢迎咨询合作!

FreeCMS springboot版V3.1已发布!购买请联系18339991503

FreeCMS商业版V2.8已发布!购买请联系18339991503



在线演示 立即购买 下载免费版 下载商业版用户手册
客服QQ: 124812878 联系电话: 18339991503 Email: freeteam@foxmail.com

     操作手册           数据对象           标签库           常见问题           使用技巧           二次开发           视频教程     

栏目类

信息类

全文检索lucene

工具类

系统配置

网上调查

链接

留言

用户

单位

信件

招聘

在线申报

依申请公开

字典

热词

站点类

根据信息id查询图片集。

参数

参数 说明
infoid 信息id

返回值

返回值 说明
infoImgList 信息图片集对象列表

示例

提取本栏目图片集测试信息。
第一个图片
第一个图片描述
<script type="text/javascript" src="${contextPath}js/jquery-1.5.1.min.js"></script>
<@infoList siteid="${site.id}" channelid="${currChannel.id}" num="1" 
					 titleLen="48" dateFormat="yyyy-MM-dd"; info1,index>          
<@infoImg infoid='${info1.id!""}' ;infoImgList>
	<div class="allCon">
    	<div class="topImgCon2">
    	<div class="topImgCon">
        	<div class="leftIcon"><a href="#" onclick="left()">
        	<img src="${contextPath}site/${site.sourcepath}/resources/img/left_0201.png" 
        	height="40" width="40" ></a></div>
            <div class="rightIcon"><a href="#" onclick="right()">
            <img src="${contextPath}site/${site.sourcepath}/resources/img/right_0201.png" 
            height="40" width="40"></a></div>
        
        
		<div class="topImg">
			<#list infoImgList as infoImg>
			<span id="bigpic${infoImg_index}" 
			<#if (infoImg_index>0)>
			style="display:none"
			</#if>
			>
			<img src="${contextPathNo}${infoImg.img}" alt="${infoImg.title}" 
			title="${infoImg.title}" width="810"></span>  
			</#list>
        </div>
    	</div>
        </div>
        
        <div class="wenziCon">		
			<#list infoImgList as infoImg>
			<span id="desc${infoImg_index}" 
			<#if (infoImg_index>0)>
			style="display:none"
			</#if>
			>
			${infoImg.content!""}</span>  
			</#list>  
        </div>
        <div class="imgListCon">
        	<div class="imgListIcon1"><a href="#" onclick="left()"><img 
        	src="${contextPath}site/${site.sourcepath}/resources/img/leftPre.jpg" 
        	height="16" width="12"></a></div>
            <div class="imgListIcon2"><a href="#" onclick="right()"><img 
            src="${contextPath}site/${site.sourcepath}/resources/img/rightPre.jpg" 
            height="16" width="12"></a></div>
        	<div class="imgList">	
<div id="thumbs3">
<div id="thumbs2">
        		<ul>
					<#list infoImgList as infoImg>
					<li <#if (infoImg_index==0)>
					class="liBg"
					</#if>
					 id="thumb${infoImg_index}">
					<a href="#" onclick="slideDesc(${infoImg_index})">
					<img src="${contextPathNo}${infoImg.img}" height="75" width="100">
					</a>
					</li>
					</#list>  
                </ul>
				</div>
				</div>
            </div>
        </div>
    </div>
	<script>
	var picnum=${infoImgList?size};
	var index=0;
	//描述交替轮换
function slideDesc(i){
	index=i;
    for(var i1=0;i1<picnum;i1++){
    	if(i!=i1){
    		$('#'+ 'desc'+ i1).fadeOut("fast");	
    		$('#'+ 'bigpic'+ i1).hide(); 
    		$('#'+ 'thumb'+ i1).removeClass('liBg');
    	}
    }
    var id = 'desc'+ i;
    var picid = 'bigpic'+ i;
    $('#'+ id).fadeIn("fast");	 
    $('#'+ picid).fadeIn("fast");
		
	$('#'+ 'thumb'+ i).addClass('liBg');
	
	var maxloop=5;
	if(index>maxloop){
		document.getElementById("thumbs3").scrollLeft=(100*(index-maxloop));
	}else{
		document.getElementById("thumbs3").scrollLeft=0;
	}
}
function left(){
	if(index>0){
		index=index-1;
	}
	slideDesc(index);
}
function right(){
	if(index<picnum-1){
		index=index+1;
	}else{
		index=0;
	}
	slideDesc(index);
}
slideDesc(0);
	</script>
</@infoImg>
</@infoList>
本例固定链接: 分享到:
更多