Firefox/Javascript不显示图像-Joomla
Firefox/Javascript not displaying image - 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"> </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和Google Chrome中,所有内容都按需显示(除了IE,它有一些定位问题,但我现在不专注于此)
在firefox中,我可以正确地看到内容加载,但就在页面加载完成之前,图像消失了。。。我在FF中禁用了javascript,所有内容都显示正确,但我就是不明白为什么!!
你可以看看这个网址:http://sostudent.com/joomla/
有人能帮忙吗??
我很确定这是由gantry-buildspans.js.引起的
似乎需要这个脚本来使标题h1-h3的文本颜色不同。执行此操作时,它会将标题的内容替换为新的span,并且span.image-title2
将被丢弃。
由于您不需要这个脚本,因为您已经在上面的代码中自己完成了这项工作,所以可以删除这个脚本。
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 角度:在ng重复上切换图像
- 画廊图像未显示
- Phonegap-(安卓/iphone)多个图像的图像库出现问题
- Javascript排序的图像弹出窗口..可以't单独弹出
- 画布数据到图像
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 使图像在单击时展开到不大于浏览器
- Html页面上的多个Base64图像和平滑加载
- UIAutomation放大图像
- 使用javascript在Flash中加载外部图像
- 可以在这里为背景图像设置滤镜吗
- 当图像转换为本地存储的DataURL时,EXIF被删除
- 使用 js 将背景图像设置为 HTML
- Javascript将图像src更改为淡入淡出
- 无法在本地计算机中将画布另存为图像
- 压缩phonegap中ios的图像插件
- 如何在鼠标悬停时在另一个图像上滑动图像.