[問題] 點擊列表後更換圖片(同一區塊裡)
各位好
我是想在畫面左邊設一排列表 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://www.ptt.cc/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
→
02/13 21:57, , 1F
02/13 21:57, 1F
→
02/13 22:44, , 2F
02/13 22:44, 2F
→
02/13 23:49, , 3F
02/13 23:49, 3F
※ 編輯: 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
推
02/14 18:54, , 4F
02/14 18:54, 4F
TY....我照本宣科的抄居然還是不行...是h3不能拿來像當div用嗎?
※ 編輯: lcy17 (118.160.75.246), 02/14/2017 19:37:47
→
02/14 23:29, , 5F
02/14 23:29, 5F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章
