作者lcy17 (Aoie)
看板Web_Design
标题[问题] 点击列表後更换图片(同一区块里)
时间Mon Feb 13 13:56:06 2017
各位好
我是想在画面左边设一排列表 1~8个步骤
画面右边设个div还有限制长宽 600*400
图片一次只能显现一张 点一个步骤出现一个画面(共八张图
图片如果没用overflow是显示垂直向下排列
假如我在jquery那设
$("列表1的class").click(function(){
("画面div_").show("图1的class")
我有想说用阵列(一个列表八个按钮各对应八张图片)
请问这样是否可行呢?
02/14 update:
由於不会写阵列的code
所以我把图片都display none 堆叠在显示区域
以下是朋友有帮忙修改的 只有前两个步骤有成功:s
$('.accordion h3').click(function(){
count=$(this).index()
console.log(count)
$(".swing div").eq(count).fadeIn().siblings().fadeOut()
consolelog 列表显示是0,4,7,9,13,15,17,19
我想改成1~8
目前只知道用var 可是跟要设定1~8我连不起来...
麻烦各位前辈!! 谢谢!!
是否还有其他方法可以正确显示?
谢谢
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 1.164.136.37
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1486965370.A.040.html
※ 编辑: lcy17 (1.164.136.37), 02/13/2017 14:18:27
※ 编辑: lcy17 (1.164.136.37), 02/13/2017 18:39:26
1F：→ steven11329: selector用id抓耙，听你描述都做得到。 02/13 21:57
2F：→ steven11329: 感觉用for就够了。 02/13 22:44
3F：→ akccakcctw: 可行，但是写成回圈比较好，指定图片我的话会用data-* 02/13 23:49
※ 编辑: lcy17 (118.160.75.246), 02/14/2017 12:05:42
※ 编辑: lcy17 (118.160.75.246), 02/14/2017 12:06:14
※ 编辑: lcy17 (118.160.75.246), 02/14/2017 16:35:31
※ 编辑: lcy17 (118.160.75.246), 02/14/2017 17:19:32
TY....我照本宣科的抄居然还是不行...是h3不能拿来像当div用吗?
※ 编辑: lcy17 (118.160.75.246), 02/14/2017 19:37:47
5F：→ akccakcctw: 先看看console有没有错误吧，没有的话要看到code才知 02/14 23:29