2013-02-27 65 views
1

我想这是一个常见的初学者问题,但我没有发现任何反应,这些问题可以很好地解决我的问题:我无法链接到本地​​计算机上的映像。 (在Dell使用XAMPP运行Windows 7)Img Src在本地计算机

我正在做一个主题为WordPress安装我index.php文件位于:

C:\xampp\htdocs\tutorials\wordpress\wp-content\themes\LeftColumn\index.php 

,我想展现的图像是在:

C:\xampp\htdocs\tutorials\wordpress\wp-content\themes\LeftColumn\images\pmsplogo.jpg 

...虽然我已经尝试了许多变化,不知何故没有我放在<img src=""/>似乎是工作。任何人都可以解释什么是正确的方式来编码这是我的情况?

只是要注意,它会正确地从外部网站(如:http://littlewebhut.com/images/eightball.gif)显示图像

谢谢!

回答

0

HTML中文件的路径来自web根目录。因此,\tutorials\wordpress\wp-content\themes\LeftColumn\images\pmsplogo.jpg在您的本地计算机和远程服务器上是相同的。如果它不工作,那么你需要确保你的路径是正确的,并且你已经正确设置了两台服务器。

+0

其实在这一点上,我只使用我的本地计算机 - 没有远程服务器......可能我有不正确的设置? (但那为什么它能够显示eightball.gif图像?) – 2013-02-27 06:51:28

4

通常IE可以使用像C:\这样的路径,但其他浏览器需要更多的东西。使用file:///C:/开始路径,然后通过Windows资源管理器填写文件路径的其余部分。

但是,例如,最好考虑相对路径 - ../../images/src="img.gif"。这将是从当前位置开始的两个目录,然后进入图像目录。

+0

我同意最好使用(并习惯于使用)相对URL,以便以后的可移植性......只是还没有找到可用的工具,请参阅我对Stepo的评论,上面。 – 2013-02-27 06:52:10

0

这是没有必要在模板的框架中写全路径。这应该足够了:\images\pmsplogo.jpg

这里是我的WordPress模板的屏幕,它的做工非常精细与进入上述:

如果你是移动模板,你就不需要改变每个img的路径。这是很大的优势。

+0

你的例子包括一些PHP,我的目前不......不知道这是否有所作为,但我试过,它没有工作......任何想法? – 2013-02-27 06:51:03

+0

好的......这里的阴谋加厚...我_can_链接到相同的目录或文件夹中的图像,例如:,但不是用我的Xampp Wordpress安装。 (它在Firefox中阅读.html文件时有效。) 可能会出现wordpress在这里做的事情吗? – 2013-02-27 07:14:45

+0

并且您是否尝试过路径/images/your_img.jpg或images/your_img.jpg? – Stepo 2013-02-27 10:07:08

1

您应该在实际路径前添加<?php bloginfo('template_url');?>。假设您的主题中有一个名为images的文件夹中有logo.png图片。要在WordPress的主题链接它(的index.php或其他WordPress模板页)你做这样的事情:

<img src="<?php bloginfo('template_url');?>/images/logo.png" alt="Logo"/> 

以上PHP函数(bloginfo)呼唤你的模板URL。对于此模板url,您需要添加文件实际文件位于主题中的位置(此例中为/images/logo.png)。

希望这是有道理的。