2013-05-14 101 views
0

希望你們中的一位能夠幫助並真正感激它!jScript放大鏡 - 懸停

我在動態驅動器上找到了一個圖像放大鏡,但它不完全是我想要的。除了一件事情之外,它是完美的。我不希望用戶單擊圖像查看它,我希望它們能夠懸停在圖像上,並且圖像在屏幕中間放大。我曾嘗試其他幾個像這樣的: http://www.dynamicdrive.com/style/csslibrary/item/css3_hover_image_gallery/

如果任何人有一個鏈接,一個是像我所期待的,或者可以得到imagemagnify一個懸停,這將是完美的作品!

這裏是鏈接到一個我喜歡: http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm

謝謝大家的答案!

+0

你發佈的第一個解決方案是什麼(放大懸停圖像),你不喜歡?它似乎滿足您提到的所有要求,即放大圖像,只在懸停時進行。編輯:另外,爲什麼這個問題標籤「jscript」? – Zhihao 2013-05-14 03:41:45

+0

我不喜歡你如何點擊圖片來放大圖片。我只想將它懸停在它上面並放大。它也被標記爲jscript,因爲一些放大鏡和懸停變焦是用jscript編寫的。 – 2013-05-14 15:08:14

+0

而我與懸停和放大鏈接的那個不起作用,因爲放大的圖像與其他圖像非常接近。所以其他圖像是放大圖像的頂部。 – 2013-05-14 15:09:41

回答

1

我不知道有任何其他插件可以滿足您的要求,但您似乎可以編輯自己提供的源代碼,因爲它沒有被縮小。

要更改它,以便在懸停而不是點擊時放大圖像,只需更改處理點擊到mouseentermouseleave的相應部件即可。

例如,您可以更改以下行...

$target.bind('click.magnify', function(e){ //action when original image is clicked on 

這個...

$target.bind('mouseenter.magnify', function(e){ //action when original image is hovered over 

注意:您可能會想給他們信貸的原代碼,如果你這樣做。

+0

謝謝,我會試試這個。當然,所有原始的信用將被留下。謝謝! – 2013-05-14 15:10:32

+0

這是一種作品,但並不完全如我所願;這不是你的錯!謝謝你的答覆,但它的工作,只是一個小馬車! – 2013-05-15 05:33:29