How to modify the display effect of the picture collection in Imperial CMS

The example in this article describes the method of modifying the display effect of the picture collection by Imperial CMS. Share it with everyone for your reference. The specific steps are as follows:

1. Enter the backend - Templates - Label Templates - Manage Label Templates, modify the "Page Template Content" in the "Picture Collection Pagination Template", clear them all, and keep only "[! --smalldh--]"

2. Open e/class/t_functions.php and find the //Gallery model paging tag

The code is as follows:

$sdh.=$nbsp."<a href=&#39;#ecms&#39; onclick=&#39;GotoPhPage(".$j.");&#39; title=&#39;".$picname."&#39;><img src="/static/imghw/default1.png"  data-src="'.$smallpic.'"  class="lazy"  src=&#39;".$smallpic."&#39; 
alt=&#39;".$picname."&#39; border=0".$gs."></a>";
if($i==0)
{
$firstpic=$showpic;
}
$rstr.="photosr[".$j."]=\"".addslashes($showpic)."\";
";
$optionstr.="<option value=".$j.">第 ".$j." 页</option>";
$titleoption.="<option value=".$j.">".$j."、".$picname."</option>";
$listpage.=$nbsp."<a href=&#39;#ecms&#39; onclick=&#39;GotoPhPage(".$j.");&#39; title=&#39;".$picname."&#39;>".$j."</a>";
$nbsp=" ";

Recommended learning《Empirecms Tutorial》

Change this code to the following paragraph:

The code is as follows:

$sdh.=$nbsp.'< li>';
if($i==0)
{
$firstpic=$showpic;
}
$rstr.="photosr[".$j."]=\"".addslashes($showpic)."\";
";
$optionstr.="Page ".$j."";
$titleoption.="".$j.",".$picname."";
$listpage.=$nbsp."".$j."";

This way in the content The result displayed on the page is:

The code is as follows:

<li><a href="图片地址.jpg" title="图片一"><img src="/static/imghw/default1.png"  data-src="图片地址.jpg"  class="lazy"   alt="图片一" /></a></li>

You can write the specific style in the style sheet yourself. How to express it is up to you.

The advantages of doing this are:

1. The code generated by the front end meets the standards. The original href='' is now href=""
2 . You can choose some special effects yourself to realize the function of the picture collection, such as "fancybox", instead of using the default ugly special effects.

I hope this article will be helpful to everyone’s Imperial CMS website building.

The above is the detailed content of How to modify the display effect of the picture collection in Imperial CMS. For more information, please follow other related articles on the PHP Chinese website!