實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)
怎么能點(diǎn)擊圖片然后跳轉(zhuǎn)到另一個(gè)頁(yè)面啊 ?如果每張圖片跳轉(zhuǎn)到的頁(yè)面不一樣的話怎么寫啊
<div?class="main-i?{{css}}"?id="main_{{index}}">
?????<div?class="caption">
??????????<h2>{{h2}}</h2>
??????????<h3>{{h3}}</h3>
??????</div>
??????<img?src="image/{{index}}.jpg"?class="picture">
</div>
2017-03-28
這里偷懶了, 因?yàn)橹烙?7張圖片
--------------擴(kuò)展--------
如果真的要去不同的圖片,也可以隨機(jī)產(chǎn)生一個(gè) [1,7] 之間的整數(shù)
function?imgSwitchSilder(n){ ??while(true){ ????var?m?=?Math.ceil(Math.random()*(7-0)+0); ????//防止跳轉(zhuǎn)的圖片是?它自己 ????if?(m?!=?n)????????????? ??????break; ??} ??switchSilder(m); }2017-03-28
思路: 圖片添加點(diǎn)擊事件-->觸發(fā)js腳本-->
? ? ? ? ? ? ? ? ? ? ? ? -------->因?yàn)椴煌瑘D片去不同的圖片,所以這里可以將老 switchSilder() 參數(shù) + 1 ,注意最后一張圖片
<div?class="main-i?{{css}}"?id="main_{{index}}"> ?????<div?class="caption"> ??????????<h2>{{h2}}</h2> ??????????<h3>{{h3}}</h3> ??????</div> ??????<img?src="image/{{index}}.jpg"?class="picture"?onclick="imgSwitchSilder({{index}})">//添加事件 </div>function?imgSwitchSilder(n){ ??switchSilder(?n%7?+?1); }-----------------------------------擴(kuò)展