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

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

織夢dedecms圖集圖片每張自定義輸出不同樣式

時間: 2018-12-05 08:31 閱讀: 作者:素材無憂網(wǎng)

如果你的圖集圖片要在內(nèi)容頁按不同的html輸出每一張圖片,出了CSS+js能實現(xiàn),我們也可以用array runphp的方式來讓每一張自定義輸出

效果

 

修改教程

\include\taglib\productimagelist.lib.php 找到

foreach($images as $row)

{

中間省略...

}

改成

 

$GLOBALS['autoindex'] = 1;
foreach($images as $row)
{
	$row['autoindex'] =  $GLOBALS['autoindex'];
	foreach($ctp->CTags as $tagid=>$ctag)
	{
		if($ctag->GetName()=='array')
		{
			$ctp->Assign($tagid,$row);
		}
		else
		{
			if(isset($row[$ctag->GetName()])){ $ctp->Assign($tagid,$row[$ctag->GetName()]); }
		}
	}
	$revalue .= $ctp->GetResult();
	$GLOBALS['autoindex']++;
}

內(nèi)容頁圖集標(biāo)簽

{dede:productimagelist}
	[field:array runphp=yes]
		if(@me['autoindex'] == 1)
		{
			@me = "<strong>{@me['autoindex']} - <img src='{@me['imgsrc']}'></strong>\n";
		}
		elseif(@me['autoindex'] == 2)
		{
			@me = "<p>{@me['autoindex']} - <img src='{@me['imgsrc']}'></p>\n";
		}
		elseif(@me['autoindex'] == 3)
		{
			@me = "<span>{@me['autoindex']} - <img src='{@me['imgsrc']}'></span>\n";
		}
		else
		{
			@me = "<div>{@me['autoindex']} - <img src='{@me['imgsrc']}'></div>\n";
		}
	[/field:array]
{/dede:productimagelist}

 

 

復(fù)雜一點的寫法

<ul class="tuzs clearfix">
	{dede:productimagelist}
	[field:array runphp=yes]
		if(@me['autoindex'] == 2)
		{
			@me = "<li class='leftlab' style='height:914px'><div class='huise'></div> <img src='{@me['imgsrc']}'> </li>";
		}
		else
		{
			@me = "";
		}
	[/field:array]
	{/dede:productimagelist}
	<li class="rightlab">
	{dede:productimagelist}
		[field:array runphp=yes]
			if(@me['autoindex'] == 3)
			{
				@me = "<div class='rtup' style='height:457px'><div class='huise'></div><img src='{@me['imgsrc']}'> </div>";
			}
			elseif(@me['autoindex'] == 4)
			{
				@me = "<div class='rtdn' style='height:457px'><div class='huise'></div><img src='{@me['imgsrc']}'> </div>";
			}
			else
			{
				@me = "";
			}
		[/field:array]
	{/dede:productimagelist}
	</li>
</ul>

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

轉(zhuǎn)載請注明: 織夢dedecms圖集圖片每張自定義輸出不同樣式

標(biāo)簽:  
模板推薦