插入图像代替文本答案

【问题标题】：insert images in place of text插入图像代替文本
【发布时间】：2012-09-20 20:42:12
【问题描述】：

我想在下面的代码中用图像（previous.png 和 next.png）替换“prev”和“next”，我只是不确定正确的语法。有什么想法吗？

if ($arrOptions['_slider_controls']){
            $output .= '<div class="thethe-image-slider-controls-prev thethe-previous thethe-image-slider-controls" id="thethe_image_slider'.$oPost->ID.'-previous"></div>
                    <div class="thethe-image-slider-controls-pause thethe-image-slider-controls thethe-';
            $output .=$arrOptions['_slider_autoplay'] ? 'pause' : 'play';
            $output .='" id="thethe_image_slider'.$oPost->ID.'-pause"></div>
                    <div class="thethe-image-slider-controls-next thethe-image-slider-controls thethe-next" id="thethe_image_slider'.$oPost->ID.'-next"></div>';
        }

如果重要的话，我将 TheTHe Image Slider 用于 Wordpress。

【问题讨论】：

我不太明白您要替换的内容，但请尝试将 prev 替换为 <img src="previous.png">，将 next 替换为 <img src="next.png">
@IonutHulub 我用<img src="next.png"> 替换了-next，我试图更改的按钮已被删除，但我的替换按钮没有出现。我也试过<img src="images/next.png">，结果相同。有什么想法吗？

标签： php jquery image button

【解决方案1】：

我想我明白你想做什么。图像滑块很可能会即时插入 Prev 和 Next 控件。它们甚至可能不是文本，它们可能已经是图像。如果您有一个工作演示的链接，它会更容易看到，但我会执行以下操作：

确定 Prev 和 Next 是显示为文本还是图像。使用诸如 Chrome 开发者工具之类的工具来查看页面的结构，您就可以弄清楚这一点。它可能已经是图像的原因是他们可以使用特定的字体而不会感到头疼。
如果它们是图像，则查找图像的来源。如果它在插件的 css 中，您可以在那里更改它。如果是插入到 html 中的图像文件，您可以用自己的覆盖它，只需给它相同的名称即可。
如果它真的只是文本，那么您可以查看滑块插件文件并找到插入的位置。 “prev”或“next”的 CTRL+F 可能有助于加快速度。仔细更改该实例以插入您的图像。

请注意，如果您编辑滑块插件文件，那么如果您将插件更新到较新版本，您的更改可能会消失，因此保存有关您所做更改的注释将在未来有所帮助。

编辑：您的演示中没有一个使用 prev/next 一词，但它们确实使用了背景图片：http://thethefly.com/wp-content/plugins/thethe-image-slider/style/skins/frame-black/buttons.png 如果您在安装中找到相应的文件，您应该能够用您自己的文件覆盖它。但更好的是，该插件看起来是可换肤的。我没有看到有关如何操作的任何信息，但查看文件并查看是否有任何可以编辑的皮肤/主题/配置文件。如果有的话，还要在它附带的 CSS 文件中寻找可编辑的东西。

再次编辑：我刚刚再次阅读了您的评论，我意识到您的评论可能会有所不同。您可以访问他们的任何主题吗？如果默认使用图像，则修改其中一个可能会更容易。还要确定使用 chrome 浏览器右键单击它并选择“检查元素”，您可以确切地看到发生了什么。如果您使用其他浏览器，其他浏览器也有类似的功能。

【讨论】：

这是一个现场演示-thethefly.com/2201/blog/news/thethe-image-slider-live-demo我最初认为按钮是图像，但是在查看图像文件夹时，我什么也没看到。我最好的猜测是，白色背景确实是图像，但按钮上的“上一个”和“下一个”是文本。理想情况下，我想把它全部换成我自己的图像，没有“上一个”和“下一个”文本。
是的，我检查了所有的 CSS 并没有真正找到任何与这些按钮相关的特定方式。也许我对上面@Ionuthublub 的评论会更好地解释。
删除 -next 和 -previous 会导致完全删除这些元素，如果有帮助的话。我在哪里可以找到这些元素的定义位置？
在演示中，背景图像样式是内联插入的，因此您不会在 CSS 中看到它。所以我想那时它不会是可配置的。
如果我理解正确的话，根本没有办法，我怎么改？