2014-09-24 71 views
0

我今天有一個相當具體的問題需要解決 - 我無法讓自己的頭部纏繞它。使得完全沒有意義的我...WordPress正在多次爲我的圖片添加絕對路徑

這是關於一個活的網站:http://rawrockchick.com/#testimonial-slider

如果向下滾動到主頁上的見證(以上鍊接應該把你在那裏),你會看到滑塊箭頭丟失。對於原因,我想不通的URL被前置了幾次的圖片src前:

<img src="http://rawrockchick.comhttp://rawrockchick.comhttp://rawrockchick.com/media/manual/slider-arrow-left.png">

這是不是這樣的兩個星期前,任何人不自覺地撫摸它。我首先想到了引導滑塊發生的一些Javascript事件,但正如你所看到的,證實圖像本身不受影響,儘管它的放置方式與滑塊完全相同。

整個滑塊是一個非常簡單的引導傳送帶。摘錄(相關部分)的代碼:

<div class="item active"> 

<div class="row"> 
<div class="col-sm-8"> 

<p>"An up-and-coming UK raw food teacher and songstress, Barbara Fernandez has it going on! This girl can do food prep! Her Raw Mexican food is amazing"</p> 
<p class="testimonial-author">Nomi Shannon</p> 
<p class="testimonial-role">rawgourmet.com</p> 

<a class="left carousel-control" href="#testimonial-slider" data-slide="prev"><img src="/media/manual/slider-arrow-left.png"></a> 
<a class="right carousel-control" href="#testimonial-slider" data-slide="next"><img src="/media/manual/slider-arrow-right.png"></a> 

</div> 

<div class="col-sm-4"> 
<img src="/media/test-nomi-150.jpg" class="img-responsive hidden-xs hidden-sm img-circle" style="margin-left:25px;"> 
</div> 
</div> 

</div> 

正如你所看到的圖像插入方式完全相同。

我已經嘗試過什麼(無變化):

  • 我感動<img src="/media/manual/slider-arrow-left.png">了鏈接,並直接把它放在下工作圖像,出現相同的奇怪行爲滑塊箭頭(本測試我想確保沒有jQuery規則影響滑塊的唯一一列,或者a標籤)。
  • 硬編碼絕對圖像URL(src="http://rawrockchick.com/media/manual/slider-arrow-left.png"
  • WordPress的PHP查詢圖像URL(src="<?php echo home_url(); ?>/media/manual/slider-arrow-left.png"

,我會很感激,如果任何人有關於現象的任何想法。或者想法如何進一步調試。

+0

這與Bootstrap javasript html或carousel無關 - 在此問題上添加一個wordpress標記。看看你的配置。你在使用php的帖子中使用該路徑,但可能需要使用主題路徑或其他路徑才能使其工作。它可能是你的.htaccess文件,除非你熟悉這個文件,否則不要亂動它。 – Christina 2014-09-24 20:41:23

+0

我不確定它來自哪裏 - 爲什麼你認爲它來自PHP/Wordpress?爲什麼在PHP中''與''完全不同? 感謝您使標題更清晰! – psteinweber 2014-09-25 09:45:06

+0

我可能是,但不太可能,PHP或WordPress的,但它可能是一個。htaccess文件在該目錄中放置雙重網址。 – Christina 2014-09-25 12:22:30

回答

0

已解決。

通過停用Pinterest插件,使Pinterest Pinterest懸停按鈕插件(確切地說this)導致該神祕現象,找到了它。

感謝您的所有答案和提示!

0

我不確定你爲什麼得到一個雙重網址,但使用圖像的絕對路徑可能有助於解決問題。

<img src="<?php echo home_url(); ?>/media/test-nomi-150.jpg" class="img-responsive hidden-xs hidden-sm img-circle" style="margin-left:25px;"> 
+0

感謝您的建議 - 我嘗試了這一點,我也嘗試了URL硬編碼:沒有改變。 – psteinweber 2014-09-25 09:42:32

+0

查看源代碼url正被添加到服務器端。 您是否正面看到正確的代碼片段/文件? 幻燈片是由插件實現的嗎? 這段代碼是否有掛鉤或過濾器? 這是一個簡碼嗎? – Jrod 2014-09-25 15:11:35

+0

它確實是通過由「Shortcodes Pro」插件生成的短代碼插入的。對不起,以前沒有提及它 - 想保持它精益,並認爲這並不重要,因爲它以前工作。我現在看到,這可能與實際原因有關...... – psteinweber 2014-09-26 14:25:32