2015-03-02 76 views
0

我有一個非常大的全景圖像,我正在使用圖像地圖和工具提示(使用Tooltipster)標記面部並獲取建議名稱的反饋。我的問題是,當我點擊跳躍點時,當我選擇一個離開屏幕的面(即,我必須滾動到達它)時,圖像跳轉到它的原點(左上角)和我選擇的人並且工具提示離開屏幕並且不可見。當選擇了熱點時,圖像地圖跳轉到原點

你可以在這裏看到一個這樣的演示:http://www.oldkingstonianshull.org.uk/members/slider_demo/panorama_1925.html只有在照片最極端的人有這個演示的熱點。

有沒有辦法來防止跳轉到原點?我不是程序員,所以如果可能的話,如何做到這一點需要基本的指導。

感謝

+2

我們無法查看聯繫方式擅自動態:) – 2015-03-02 15:14:08

+0

Ah yes - 抱歉,我現在將刪除身份驗證 - doh! – Pedro 2015-03-02 15:17:00

+0

我看不到沒有認證的頁面,但我想這是一個href =「#」問題。 Doese的網頁獲得一個「#」的同時它增加了錯誤?如果是,請確保您的onclick事件返回false。 href =「#」onclick =「makeMyTooltip(); return false;」 – 2015-03-02 15:18:08

回答

0

因爲你指着#出現此問題,注意在點擊您的URI後出現#。

確保您的JavaScript在發生功能後返回false,並且應該防止此功能。

//do something 
return false; 

onclick="... return false;" 

這將停止跳轉到頁面的頂部,它試圖指向一個未定義的標記。

使用jQuery

或者......

$(".face").click(function(e) { 
    function(); 
    e.preventDefault(); 
}); 

我看你使用tooltipster,其上點擊施放事件,這意味着你沒有真正連接任何東西,所以我不知道你在哪裏會禁用此功能 - 我會進一步瞭解。

+0

謝謝傑克。我會在今天晚些時候看看這個解決方案。 – Pedro 2015-03-02 15:29:28

+0

沒問題,看到工作會很酷!我的爺爺去了這所學校,所以很可能在這些圖片上哈哈 – 2015-03-02 15:31:40