2013-10-15 31 views
0

我在first.html頁面中放置了縮略圖圖像,並在second.html中放置了圖像,如果在特定圖像上單擊它,它應該被重定向到一個新圖像再次顯示來自second.html的關於它的一些信息。 我已經完成了如下的編碼,但它默認導航到second.html頁面,而不是默認滑動類,總是顯示滑塊的第一頁。我是新來的HTML和JavaScript,不知道爲什麼它不重定向下面給定的類。請幫幫我。如何重定向到html中buttonclick上的下一個html頁面的類

<li><a href='second.html' class='.pink-slide'><img src="images/thumb/a.jpg" alt="Image a" /></a></li> 
    <li><a href='second.html' class='.blue-slide'><img src="images/thumb/b.jpg" alt="Image b" /></a></li> 
+0

爲什麼有'HREF ='second.html''兩個錨? – Kaf

+0

您發佈的這兩個鏈接都將導航到second.html頁面的頂部。如果將錨定添加到圖像中,則可以指示瀏覽器轉到second.html頁面的特定點。但是,如果您的圖像是滑塊的一部分,那麼您需要使用js。 – melc

回答

0

如果要指向一個HTML頁面上特定的一部分,就應該在href標籤使用id屬性。 我猜在這裏這是你想要的。你想讓你的鏈接指向頁面'second.html'的特定div嗎? 如果是這樣做到以下幾點, 在second.html

<a id="pink-slide">&nbsp;</a> 
    Your sliding image content 

,然後在你的鏈接,

<li><a href='second.html#pink-slide'><img src="images/thumb/a.jpg" alt="Image a" /></a></li> 
+0

感謝您的答案,它的工作正常,但如果我點擊第三張圖片,它需要第三個滑動頁面,我能夠滑動屏幕的權利,但無法將頁面向左滑動。你知道爲什麼嗎? @redDevil –

+0

你能告訴我你寫的標記嗎?也許是一個jsfiddle。請參閱http://jsfiddle.net/ – redDevil

相關問題