首先我们还是要找到函数库,在根目录下的include/common.func.php函数文件中添加下面一个函数:
function Getimgs($aid, $imgwith = 300, $imgheight = 270, $num = 0, $style = ''){
global $dsql;
$imgurls = '';
$row = $dsql -> getone("Select imgurls From`dede_addonimages` where aid='$aid'"); //
$imgurls = $row['imgurls'];
preg_match_all("/{dede:img (.*)}(.*){\/dede:img/isU", $imgurls, $wordcount);
$count = count($wordcount[2]);
if ($num > $count || $num == 0){
$num = $count;
}
for($i = 0;$i < $num;$i++){
if($style == 'li'){
$imglist .= "<li><ahref=#" . $i . "><imgsrc=". trim($wordcount[2][$i]) . " width=" . $imgwith . " height=" . $imgheight . "></li></a>";
}else{
$imglist .= "<img src= " . trim($wordcount[2][$i]) . " width=" . $imgwith . "height=" . $imgheight . ">";
}
}
return $imglist;
}我们在common.func.php里面的自定义函数就要书写两次,因为下面的点击小图片而出现大图这个效果要用到两次自定义函数!
第二、现在图集已经调用出来了接下来就是实现大小图片对应的问题!在这里俊尚仿站网给出实现这个图集底层模板对应的相关代码:
<script src="/style/jquery-1.4.4.min.js"></script>
<script src="/style/slides.min.jquery.js"></script> /*调用相关jq代码*/
<script>
$(function(){
$('#products').slides({
preload: true,
preloadImage: 'img/loading.gif',
effect: 'slide, fade',
crossfade: true,
slideSpeed: 200,
fadeSpeed: 500,
generateNextPrev: true,
generatePagination: false
});
});
</script>
<div id="products_example">
<div id="products">
<div class="slides_container">
{dede:field.id function="Getimgs1(@me,370,275,4)" /} /*调用大图集*/
</div>
<ul class="pagination">
{dede:field.id function="Getimgs(@me,138,138,4)" /} /*调用小图集*/
</ul>
</div>
</div>
function Getimgs($aid, $imgwith = 300, $imgheight = 270, $num = 0, $style = ''){
global $dsql;
$imgurls = '';
$row = $dsql -> getone("Select imgurls From`dede_addonimages` where aid='$aid'"); //
$imgurls = $row['imgurls'];
preg_match_all("/{dede:img (.*)}(.*){\/dede:img/isU", $imgurls, $wordcount);
$count = count($wordcount[2]);
if ($num > $count || $num == 0){
$num = $count;
}
for($i = 0;$i < $num;$i++){
if($style == 'li'){
$imglist .= "<li><ahref=#" . $i . "><imgsrc=". trim($wordcount[2][$i]) . " width=" . $imgwith . " height=" . $imgheight . "></li></a>";
}else{
$imglist .= "<img src= " . trim($wordcount[2][$i]) . " width=" . $imgwith . "height=" . $imgheight . ">";
}
}
return $imglist;
}我们在common.func.php里面的自定义函数就要书写两次,因为下面的点击小图片而出现大图这个效果要用到两次自定义函数!
第二、现在图集已经调用出来了接下来就是实现大小图片对应的问题!在这里俊尚仿站网给出实现这个图集底层模板对应的相关代码:
<script src="/style/jquery-1.4.4.min.js"></script>
<script src="/style/slides.min.jquery.js"></script> /*调用相关jq代码*/
<script>
$(function(){
$('#products').slides({
preload: true,
preloadImage: 'img/loading.gif',
effect: 'slide, fade',
crossfade: true,
slideSpeed: 200,
fadeSpeed: 500,
generateNextPrev: true,
generatePagination: false
});
});
</script>
<div id="products_example">
<div id="products">
<div class="slides_container">
{dede:field.id function="Getimgs1(@me,370,275,4)" /} /*调用大图集*/
</div>
<ul class="pagination">
{dede:field.id function="Getimgs(@me,138,138,4)" /} /*调用小图集*/
</ul>
</div>
</div>