的Javascript expandme圖片點擊

我使用https://github.com/nigma/jquery-expandme插件，在我的頁面，在這裏是當你單擊底部的灰色區域the example 的Javascript expandme圖片點擊

每次，背景圖像擴展到全，並再次單擊灰色區域，它縮短到圖像的頂部。

這是想什麼我實現：

我想保持向上和向下箭頭的功能，因爲它是，並且使點擊發生的圖像本身以及所以很容易供人們使用。

1）當它是圖像的頂部時，向下箭頭仍應顯示在底部，因此您可以單擊圖像本身或向下箭頭展開。

2）擴展到完整圖像後，向上箭頭應顯示在底部。因此，您可以點擊圖片或向上箭頭將其摺疊到頂部圖像。

我一直在嘗試一段時間，但沒有成功。有些人可以請我指出正確的方向嗎？

謝謝小號:)

來源

2013-01-22 grumpypanda

什麼EXA錨元素你有沒有嘗試過？ –

我試圖讓灰色區域覆蓋整個圖像，但上下箭頭都會同時顯示。然後我試圖限制箭頭區域只顯示向上或向下箭頭。我一直在改變CSS，但不知道這是正確的方式。因此，我在這之前需要一些建議，然後纔再花半天時間。有什麼建議麼？謝謝。 – grumpypanda

我也嘗試在javascipt中爲圖片添加相同的功能，但它並不奏效，所以我希望有人能夠在我不斷努力嘗試之前讓我走向正確的方向。 – grumpypanda

編輯：我想我聽錯了第一次..

編輯：請按照下面的鏈接。

https://github.com/codeiz/jquery-expandme

我已經更新了插件，現在允許多於一個控制器但現在你必須傳遞一個數組作爲參數請看文檔

來源

2013-01-22 04:19:31

感謝您的回覆。我在圖片中添加了一個類，是否必須將其作爲標籤？我將imageclass添加到$（'。expandme，.imageclass'）。expandme（{和expandToggleClass：'expand-toggle'in js，但函數停止了，它不再擴展圖像。關於如何使用你的建議來定位它？謝謝。 – grumpypanda

感謝你回到我身邊，遺憾的是它不起作用。當我爲圖片和.imageclass添加一個標籤時，整個開關停止工作，當我剛剛添加.imageclass到圖像，頁面上的功能保持與以前一樣。是否有其他地方我需要更改？或其他解決方案？謝謝。 – grumpypanda

我確實嘗試過，我會嘗試插入插件以添加功能，但我發佈的解決方案的作品，但它會擴大時的容器的大小加倍！ –

我認爲你可以改變這種expandToggleClass以「exmandme」：

//類添加到擴展元素 expandToggleClass：「擴大撥動」，//班觸發

來源

2013-01-22 04:26:58 hm1984ir

感謝您的回覆。我不完全確定你的意思。你能爲我解釋嗎？ – grumpypanda

的Javascript expandme圖片點擊

回答

相關問題