2012-11-26 66 views
0

我使用Shadowbox在懸停時顯示圖像,但由於某種原因,它僅在我第一次單擊該鏈接後纔有效。我使用的是Chrome和FireFox,但都沒有正確工作。Shadowbox不能在懸停時打開,直到點擊一次

你可以在這裏看到:http://www.impero.co.za/demo/hsrc/site_content/view/how-we-curate-data

有所謂的「定性數據」錨。它不會在懸停時打開Shadowbox,但是一旦我點擊了它,它就會打開,並從此處開始懸停。

據我可以從shadowbox的網站和Stackoverflow資源帖子看到,我這樣做是正確的。

任何想法這裏有什麼問題嗎?

由於提前,

Kobus

+2

[不要只發佈一個鏈接到你的榜樣。(http://meta.stackexchange.com/questions/125997/something-on-my-web-site-doesnt-work-can-我只是粘貼一個鏈接到它)試圖找到你的代碼中的問題,刪除任何不相關的東西,併發布一小段代碼樣本。 (不相關:該網站上的菜單項中的文字太難閱讀了.Narowow字體) – Cerbrus

+0

我建議你確實在確保它永遠不會在懸停時打開。你不應該違反用戶的期望;沒有人會期望在文本正文的隨機鏈接上徘徊會打開一個頁面覆蓋彈出窗口。更糟糕的是,由於您不是[強調您的鏈接](http://www.useit.com/alertbox/20040510.html),並且文本顏色和鏈接顏色之間的對比度很差,所以很容易不知不覺地將鼠標懸停在鏈接上,並對這個事情剛剛彈出的原因感到困惑。 –

+0

嗨Cerbrus,謝謝 - 我不知道這一頁。我現在知道:-) –

回答

1

使用Shadowbox.open(this);onmouseover屬性,例如

<a id="shadowbox[gallery]" 
    href="http://www.impero.co.za/demo/hsrc/assets/uploads/images/qualitativedata.jpg" 
    onmouseover="Shadowbox.open(this);" 
    rel="shadowbox[gallery]">Qualitative Data</a> 
+0

謝謝你,馬蒂亞斯,這工作100%,因爲我希望它的工作。 –

相關問題