怎样设定魔方多图作用?

魔方多图,意思是网页页面制做中照片控制模块像魔方1样,能够分开许多块去展现照片的1个作用,方块内的照片能够点一下进到到大图访问方式,还可以为照片做连接作用。那末怎样制做网页页面的魔方多图作用呢?


1.进到到网页页面设计方案页,点一下网页页面左边的“控制模块”按钮。


2.点一下控制模块按钮后,选定新增控制模块正下方的高級菜单,点一下“魔方多图”。 


3.点进“魔方多图”后,设定1个题目,随后便可以开展加上照片了。加上完照片后,就依据网页页面制做的要求开展板块款式的挑选。

 

4.正下方的照片设定能够对魔方多图里的照片设定点一下后的实际效果,假如挑选“幻灯片”,点一下后便是进到到预览大图的方式;假如挑选“照片连接”, 点一下照片后会自动跳转到另外一个网页页面。则关键点击明确转化成魔方多图后,再挑选某1张照片开展设定。

若是挑选幻灯片,能够按网页页面制做的要求设定幻灯片款式。

 

5.照片殊效是电脑鼠标滞留在照片范畴内会造成的1种殊效,能够依据本人要求去设定。

 

下列便是魔方多图的1个实际效果。


应用了魔方多图,网页页面制做的网页页面会更为与众不同,给予客户不1样的体验,大伙儿能够运用网页页面模版制做体会1下,能够用较为个性化的方法去展现商品或照片,还可以有挑选性地给照片加上连接,相比于文本连接显得更好。


必须留意的是:在魔方多图控制模块中,删掉了随意部位的1张照片,后边的照片就会全自动往前挪,这样就非常容易致使出現“删掉1张照片,全部魔方多图的排版全乱了”的状况。提议能够根据“在随意器皿中加上照片控制模块开展排版”的方式做到相近于魔方多图的实际效果。


实际实际操作方式:

最先看实际效果图,这是运用“魔方多图”控制模块做出来的实际效果,接下来的实例教程将教大伙儿用“随意器皿”加“照片控制模块”效仿这类实际效果。


1、进到网站制作页,点一下左边的“控制模块”按钮,加上“随意器皿”控制模块



2、在“随意器皿”中加上4个“照片控制模块”,有两种加上方式:

①把电脑鼠标悬停在“照片”控制模块上,按住电脑鼠标“左键”,将“照片控制模块”拖拽到“随意器皿”中,拖拽4次便可

②电脑鼠标“左键”点击4次“照片控制模块”,加上4个包括“照片控制模块”的“随意器皿”,随后将4个“照片控制模块”拖拽到1个“随意器皿”中,将过剩的“随意器皿”删掉


3、将4个“照片控制模块”都加上上照片,如图


4、调剂这4张照片的尺寸,效仿“魔方多图”的实际效果图开展排版,进行后的实际效果如图: