织梦问题JS切换图片,其中怎么调用文章缩略图里的图片详细代码如下。
<divid="KinSlideshow"style="visibility:hidden;"><ahref="http://www.lanrentuku.com"tar...
<div id="KinSlideshow" style="visibility:hidden;"> <a href="http://www.lanrentuku.com" target="_blank"><img src="images/1.jpg" alt="这是标题一" width="600" height="300" /></a>
<a href="http://www.lanrentuku.com" target="_blank"><img src="images/2.jpg" alt="这是标题二" width="600" height="300" /></a>
<a href="http://www.lanrentuku.com" target="_blank"><img src="images/3.jpg" alt="这是标题三" width="600" height="300" /></a>
<a href="http://www.lanrentuku.com" target="_blank"><img src="images/4.jpg" alt="这是标题四" width="600" height="300" /></a>
<a href="http://www.lanrentuku.com" target="_blank"><img src="images/5.jpg" alt="这是标题五" width="600" height="300" /></a>
<a href="http://www.lanrentuku.com" target="_blank"><img src="images/6.jpg" alt="这是标题六" width="600" height="300" /></a>
</div>
这个是JS特效首页调用的部分,其中肯定是把这6个图片地址换织梦代码, 就像首页焦点图片似的, 代码怎么写呢 展开
<a href="http://www.lanrentuku.com" target="_blank"><img src="images/2.jpg" alt="这是标题二" width="600" height="300" /></a>
<a href="http://www.lanrentuku.com" target="_blank"><img src="images/3.jpg" alt="这是标题三" width="600" height="300" /></a>
<a href="http://www.lanrentuku.com" target="_blank"><img src="images/4.jpg" alt="这是标题四" width="600" height="300" /></a>
<a href="http://www.lanrentuku.com" target="_blank"><img src="images/5.jpg" alt="这是标题五" width="600" height="300" /></a>
<a href="http://www.lanrentuku.com" target="_blank"><img src="images/6.jpg" alt="这是标题六" width="600" height="300" /></a>
</div>
这个是JS特效首页调用的部分,其中肯定是把这6个图片地址换织梦代码, 就像首页焦点图片似的, 代码怎么写呢 展开
3个回答
展开全部
试一下这个代码(直接替换你发出的代码):
<div id="KinSlideshow" style="visibility:hidden;">
{dede:arclist row='6' orderby='pubdate' type='image.' imgwidth='600' imgheight='300'}
<a href="[field:arcurl/]" target="_blank" alt="[field:title/]">[field:image/]</a>
{/dede:arclist}
</div>
解释:
{dede:arclist } {/dede:arclist} 这是数据循环的调用
row='6' 指调用6条信息
orderby='pubdate' 指按更新时间排序
type='image.' 指有上传缩略图或勾选图片属性的文章
imgwidth='600' imgheight='300' 指图片的宽和高
[field:arcurl/] 指调出的图片所在文章的链接
[field:title/] 指文章标题
[field:image/] 指图片,已包含img标签
<div id="KinSlideshow" style="visibility:hidden;">
{dede:arclist row='6' orderby='pubdate' type='image.' imgwidth='600' imgheight='300'}
<a href="[field:arcurl/]" target="_blank" alt="[field:title/]">[field:image/]</a>
{/dede:arclist}
</div>
解释:
{dede:arclist } {/dede:arclist} 这是数据循环的调用
row='6' 指调用6条信息
orderby='pubdate' 指按更新时间排序
type='image.' 指有上传缩略图或勾选图片属性的文章
imgwidth='600' imgheight='300' 指图片的宽和高
[field:arcurl/] 指调出的图片所在文章的链接
[field:title/] 指文章标题
[field:image/] 指图片,已包含img标签
展开全部
JS切换图片是一个非常经典的方式。其中实现他的代码有无数种版本。
你发的部分,是他的实际内容,也就是图片的地址、图片的描述和链接地址。
真正实现他还要2个部分
(1)CSS的样式控制
(2)js的代码实现
你要在页面中找到他调用的js和css一起摘过来才能实现。我经常做这个事。你可以百度一下 幻灯+js
百度上肯定有很多很多你想要的东西。想要改的话至少要知道HTML语言。否则你肯定很难把具体的程序摘出来。
你发的部分,是他的实际内容,也就是图片的地址、图片的描述和链接地址。
真正实现他还要2个部分
(1)CSS的样式控制
(2)js的代码实现
你要在页面中找到他调用的js和css一起摘过来才能实现。我经常做这个事。你可以百度一下 幻灯+js
百度上肯定有很多很多你想要的东西。想要改的话至少要知道HTML语言。否则你肯定很难把具体的程序摘出来。
更多追问追答
追问
这些我都懂,我就是不知道怎么织梦调用?织梦调用代码
追答
首先找到循环的始末
然后对应填写
{dede:arclist row=‘N’}
{/dede:arclist}
举个例子,有很多时候找不到图片的地址,我这里用的是文章缩略图。但有时候没办法需要手动填写。不然的话需要有一定的规则,因为织梦很难在 调用文章的时候,再进行循环判断。(因为调用本身是循环,没办法套循环遍历)
如果不是很复杂的话,建议图片地址固定,或者手动修改。
如果想要简单点,也可以加一个内容模型,增加自定义字段。然后再调用自定义的字段来实现。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<a href="[field:arcurl/]" target="_blank"><img src="[field:litpic/]" alt="[field:title/]" width="600" height="300" /></a>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询