2011-06-06 54 views
0

我定製了內容模塊,以便在文本和文本顯示兩種顏色之前文章的標題顯示圖像!Firefox/Javascript不顯示圖像 - Joomla

代碼的相關部分是如下:

<h2 class="title"> 
    <?php if ($params->get('link_titles') && !empty($this->item->readmore_link)) : ?> 
<a href="<?php echo $this->item->readmore_link; ?>"> 
    <span class="image-title2">&nbsp;</span> 
    <?php 
    $titles = explode(" ",$this->item->title); 

     for ($i=0; $i<count($titles)-1; $i++){ 
      echo '<span style="float:left;padding-left:7px;color:#303030;">'.$this->escape($titles[$i]).'</span>'; 

     }?> 
     <span style="color:#06cfef;float:left;padding-left:7px;"><?php echo $this->escape($titles[$i]);?></span></a> 
     <div class="clear"></div> 
<?php else : ?> 
    <div><span class="image-title"></span> 
    <?php 
     $titles = explode(" ",$this->item->title); 
     for ($i=0; $i<count($titles)-1; $i++){ 
      echo '<div style="float:left;padding-left:7px;">'.$this->escape($titles[$i]).'</div>'; 

     }?> 
     <div style="color:#06cfef;float:left;padding-left:7px;"><?php echo $this->escape($titles[$i]);?></div></div> 
     <div style="clear:both;"></div> 
<?php endif; ?> 

在IE和谷歌Chrome的一切,希望(除了即具有一定的定位問題,則會顯示但我不關注於此)

在firefox中,我可以看到正確加載的內容,但在頁面加載完成之前,圖像消失......我禁用了FF中的JavaScript,並且所有內容都顯示正確,但我無法理解爲什麼!

你可以看看這個網址:http://sostudent.com/joomla/

任何人都可以請幫助?

+0

我在您發佈的代碼中看不到任何'img'標籤。我想你至少需要展示構建'img'標籤的代碼。相關的Javascript也會有所幫助。 – 2011-06-06 21:36:16

+0

圖像插入image-title2類。 span.image-title2 { background:url(../ images/title-2.jpg)no-repeat top left; width:41px; height:46px; display:block; float:left; margin-top:-5px; } 我的問題是,我無法理解哪個JavaScript導致問題!我只是停用了所有javascripts – jribeiro 2011-06-06 21:47:46

回答

0

我很確定這是由gantry-buildspans.js引起的。

似乎需要使用此腳本才能使標題h1-h3的文本顏色不同。在執行此操作時,將用新跨度替換標題的內容,span.image-title2將被丟棄。

因爲你不需要這個腳本,因爲你已經在上面的代碼中自己做了這個,你可以刪除這個腳本。

+0

絕對正確!完善! – jribeiro 2011-06-07 01:04:08