花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

織夢圖集圖片集標簽調(diào)用圖片+數(shù)字編號自增+第一個高亮+自定義limit

時間: 2020-09-15 16:20 閱讀: 作者:素材無憂網(wǎng)

前臺效果

織夢圖集圖片集標簽調(diào)用圖片+數(shù)字編號自增+第一個高亮+自定義limit(圖1)

伸手黨直接下載覆蓋文件即可使用 gbk/utf8

本地下載

網(wǎng)盤下載

前端代碼

<p class="jqzoom" id="spec-n1"><img src="/images/1.jpg"></p>
<p id="spec-n5">
	<p id="spec-list">
		<ul class="list-h">
			<li id="img0" onmouseover="thisimg(0)" class="current"><img alt="產(chǎn)品注釋1" src="/images/1.jpg"></li>
			<li id="img1" onmouseover="thisimg(1)"><img alt="產(chǎn)品注釋2" src="/images/2.jpg"></li>
			<li id="img2" onmouseover="thisimg(2)"><img alt="產(chǎn)品注釋3" src="/images/3.jpg"></li>
			<li id="img3" onmouseover="thisimg(3)"><img alt="產(chǎn)品注釋4" src="/images/4.jpg"></li>
			<li id="img4" onmouseover="thisimg(4)"><img alt="產(chǎn)品注釋5" src="/images/5.jpg"></li>
		</ul>
	</p>
</p>

1、從上面前端代碼我們可以看到默認顯示圖片集第1個圖片,我們可以用{dede:field name=imgurls row=1}{/dede:field}

圖集選項-表現(xiàn)方式,選擇幻燈片樣式,不然上面的 {dede:field name=imgurls row=1} 無效

織夢圖集圖片集標簽調(diào)用圖片+數(shù)字編號自增+第一個高亮+自定義limit(圖2)

2、下面的小圖每個li里面都有不同的自增id和自增thisimg,而且第一個有高亮的class="current",所以要先讓織夢程序的圖集標簽能輸出自增數(shù)字 0 1 2 3 ...

打開 /include/taglib/productimagelist.lib.php 文件 找到

$ctp->LoadSource($innerText);

在它下面加入

$GLOBALS['autoindex'] = 0;

繼續(xù)找到

$revalue .= $ctp->GetResult();

在它下面加入

$GLOBALS['autoindex']++;

修改完成后,上面的模板前端代碼就這樣寫標簽嵌套了

<p class="jqzoom" id="spec-n1"><img src="{dede:field name=imgurls alt=圖片輸出區(qū) row=1}[field:imgsrc/]{/dede:field}"></p>
<p id="spec-n5">
	<p id="spec-list">
		<ul class="list-h">
			{dede:productimagelist}
			<li id="img[field:global name=autoindex/]" onmouseover="thisimg([field:global name=autoindex/])"[field:global name=autoindex runphp=yes](@me==0)? @me=' class="current"':@me='';[/field:global]><img alt="[field:text/]" src="[field:imgsrc/]"></li>
			{/dede:productimagelist}
		</ul>
	</p>
</p>

自定義limit指定幾個、偏移幾個

要使用limit自定義輸出偏移的圖集圖片,必須要參考上面的第2步加入$GLOBALS['autoindex']

然后繼續(xù)在 /include/taglib/productimagelist.lib.php 文件 找到

$attlist="desclen|80";

改成

$attlist="desclen|80,limit|";

如圖

織夢圖集圖片集標簽調(diào)用圖片+數(shù)字編號自增+第一個高亮+自定義limit(圖3)

繼續(xù)找到

foreach($images as $row)

在它的前面加入

$limit = trim(preg_replace('#limit#is','',$limit));
if($limit!='')
{
	if(preg_match('#,#', $limit))
	{
		$limitarr = explode(",", $limit);
		$lmt = $limitarr[0];
		$num = $limitarr[1];
	}
	else
	{
		$lmt = 0;
		$num = $limit;
	}
	$images = array_slice($images,$lmt);
}

繼續(xù)找到

foreach($ctp->CTags as $tagid=>$ctag)

在它上面加入

if($limit!='' && $GLOBALS['autoindex'] == $num) break;

如圖

織夢圖集圖片集標簽調(diào)用圖片+數(shù)字編號自增+第一個高亮+自定義limit(圖4)

圖集內(nèi)容頁模板標簽寫法

<h2>默認全部</h2>
{dede:productimagelist}
[field:imgsrc/]<br />
{/dede:productimagelist}

<h2>指定幾個</h2>
{dede:productimagelist limit='2'}
[field:imgsrc/]<br />
{/dede:productimagelist}

<h2>偏移幾個</h2>
{dede:productimagelist limit='1,4'}
[field:imgsrc/]<br />
{/dede:productimagelist}

顯示效果如圖

織夢圖集圖片集標簽調(diào)用圖片+數(shù)字編號自增+第一個高亮+自定義limit(圖5)

版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!

轉(zhuǎn)載請注明: 織夢圖集圖片集標簽調(diào)用圖片+數(shù)字編號自增+第一個高亮+自定義limit

標簽:  
模板推薦