Question

我自定义了内容模块，因此文章标题在文本前显示图像，文本以两种颜色显示!!

代码的相关部分如下：

<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和谷歌浏览器中，一切都显示为想要的（除了有一些定位问题，但我现在不关注它）

在firefox中，我可以看到内容正确加载但是在页面加载之前图像消失了...我在FF中禁用了javascript并且所有内容都正确显示但是我无法理解为什么!!

您可以查看此网址：http://sostudent.com/joomla/

有人可以帮忙吗？

Answer 1

我很确定这是由gantry-buildspans.js引起的。

似乎需要这个脚本才能使标题h1-h3的文字颜色不同。在执行此操作时，它会用新的span替换标题的内容，span.image-title2将被丢弃。

由于您不需要此脚本，因为您已在上面的代码中自行执行此操作，因此可以删除此脚本。

Firefox / Javascript无法显示图像 - Joomla

1 个答案: