                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JS+CSS3實(shí)現(xiàn)帶預(yù)覽圖幻燈片效果

<img src="images/{{index}}.jpg" />

<img src="images/{{index}}.jpg" />啥意思？，這里的圖片指的是哪張？

01:56

不良人4055026

2016-11-12

源自：JS+CSS3實(shí)現(xiàn)帶預(yù)覽圖幻燈片效果 2-1

關(guān)注問(wèn)題我要回答

2928

操作

收起

4 回答

慕數(shù)據(jù)1189643
2017-08-21

這里是用了數(shù)組定義圖片

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

qq_尤錦利_0
2017-07-02

{{index}}我用這個(gè)圖片顯示不出來(lái)是為什么

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

不良人4055026 提問(wèn)者
2016-11-14

謝謝你，我剛?cè)腴T，js沒(méi)接觸過(guò)，才要開(kāi)始學(xué)。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

橙橙先生
2016-11-12

這是構(gòu)建模板用的，{{index}}這個(gè)字符串會(huì)被之后循環(huán)添加圖片替換成相應(yīng)的圖片文件名

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

不良人4055026 提問(wèn)者

數(shù)據(jù)庫(kù)這些沒(méi)學(xué)過(guò)，所以剛開(kāi)始理解不了，謝謝你。

2016-11-12 回復(fù) 有任何疑惑可以回復(fù)我~

#2

橙橙先生回復(fù) 不良人4055026 提問(wèn)者

這個(gè)不涉及數(shù)據(jù)庫(kù)，你可以認(rèn)為{{index}}只是個(gè)標(biāo)志，你用My_index也是可以的

2016-11-12 回復(fù) 有任何疑惑可以回復(fù)我~

#3

橙橙先生回復(fù) 不良人4055026 提問(wèn)者

這節(jié)課程沒(méi)那么復(fù)雜，僅僅需要基本的html+css+js就可以了，大部分功能都是通過(guò)css來(lái)實(shí)現(xiàn)的，js僅僅只是實(shí)現(xiàn)垂直居中，增加幻燈片以及切換時(shí)幻燈片的類名控制

2016-11-12 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150

提交

取消

JS+CSS3實(shí)現(xiàn)帶預(yù)覽圖幻燈片效果

參與學(xué)習(xí) 53755 人
解答問(wèn)題 279 個(gè)

同樣的幻燈片，不一樣的切換，學(xué)會(huì)實(shí)現(xiàn)思路，操作很簡(jiǎn)單

進(jìn)入課程

本課相似問(wèn)答

1 回答<img src="images/{{index}}.jpg"/>圖片不顯示

1 回答<img src="imgs/{{index}}.jpg" />是什么意思

1 回答replace(/{{index}}/g,data[i].img）

1 回答<div class="main-i" id="main_background"> <div class="caption"> <h2>Crazy</h2> <h3>FRIEND</h3> </div> <img src="../img/{{index}}.jpg" class="picture" style="margin-top: -674.5px;"> </div> 求教怎么會(huì)是這樣呢

6 回答replace(/{{index}}/g, data[i].img)這句里面的{{}}起什么作用？？

搜索更多本課相關(guān)問(wèn)答