2012-09-29 46 views
0

我想在下面的代碼中用圖片(previous.png和next.png)替換「prev」和「next」,我只是不確定正確的語法。有任何想法嗎?插入圖片代替文字

if ($arrOptions['_slider_controls']){ 
      $output .= '<div class="thethe-image-slider-controls-prev thethe-previous thethe-image-slider-controls" id="thethe_image_slider'.$oPost->ID.'-previous"></div> 
        <div class="thethe-image-slider-controls-pause thethe-image-slider-controls thethe-'; 
      $output .=$arrOptions['_slider_autoplay'] ? 'pause' : 'play'; 
      $output .='" id="thethe_image_slider'.$oPost->ID.'-pause"></div> 
        <div class="thethe-image-slider-controls-next thethe-image-slider-controls thethe-next" id="thethe_image_slider'.$oPost->ID.'-next"></div>'; 
     } 

如果它的事項,我使用TheTHe Image Slider WordPress的。

+1

我真的不明白你試圖取代什麼,而是試圖用'更換上一個'和未來與''

+0

@IonutHulub我取代'-next'用''的按鈕,我試圖改變被刪除,但我的替換按鈕沒有顯示出來。我也試過'',結果一樣。有任何想法嗎? – AMC

回答

1

我想我明白你想要做什麼。圖像滑塊最有可能即時插入Prev和Next控件。他們甚至可能不是文字,他們可能已經是一個形象。如果你有一個鏈接到工作演示它會更容易看到,但我會做到以下幾點:

  1. 或確定是否一個和下一個被顯示爲文本,如果他們的圖像。使用類似Chrome開發人員工具的內容來查看頁面的結構,並且可以弄清楚。它可能已經是一個圖像的原因是,他們可以使用特定的字體,而不會頭疼。

  2. 如果它們是圖像,找到圖像的來源。如果它在插件的CSS中,您可以在那裏更改它。如果它是一個插入到html中的圖像文件,您可以用自己的文件覆蓋它,只需給它一個相同的名稱即可。

  3. 如果它實際上只是文本,那麼您可以查看滑塊插件文件並找到它插入的位置。 「prev」或「next」的CTRL + F可能有助於加快速度。小心改變那個實例來插入你的圖像。

被警告說,如果你編輯的滑塊插件文件,那麼您的更改可能會消失,如果你曾經更新插件到一個新的版本,以便節省約你做將是在未來有幫助的變化說明。

編輯: 沒有在您的演示的那些中所使用的詞語上一頁/下一頁,但他們確實使用背景圖片:http://thethefly.com/wp-content/plugins/thethe-image-slider/style/skins/frame-black/buttons.png 如果您在找到相應的文件,你的安裝,你應該能夠用自己來覆蓋它。但更好的是,它看起來像插件是可換膚的。我沒有看到有關如何操作的任何信息,但是查看了這些文件,看看是否有任何可以編輯的皮膚/主題/配置文件。如果有的話,還可以在隨附的CSS文件中尋找可編輯的東西。

再次編輯:我只是再次閱讀您的評論,我意識到你可能會有所不同。你有沒有訪問他們的任何主題?如果默認使用圖像,修改其中一個可能會更容易。同時爲了確保使用chrome瀏覽器,請右鍵點擊它並選擇「檢查元素」,你就可以看到究竟發生了什麼。其他瀏覽器具有類似的功能,如果你使用別的東西。

+0

這裏是一個現場演示 - http://thethefly.com/2201/blog/news/thethe-image-slider-live-demo/ 我最初認爲按鈕是圖像,但在瀏覽圖像文件夾時,我什麼也沒看見。我最好的猜測是,白色背景確實是一個圖像,但按鈕上的「上一個」和「下一個」是文本。理想情況下,我想將它全部替換爲我自己的圖像,而不使用「上一個」和「下一個」文本。 – AMC

+0

我看着它,編輯了我的答案。 –

+0

是的,我已經檢查了所有的CSS,並沒有真正找到任何有關這些按鈕的具體方式。也許我對@Ionuthublub的評論會更好地解釋。 – AMC