插入图像代替文本

时间:2012-09-29 00:26:41

标签: php jquery image button

我想替换" prev"和" next"在下面的代码中使用images(previous.png和next.png),我只是不确定正确的语法。有什么想法吗?

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。

1 个答案:

答案 0 :(得分:1)

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

  1. 确定Prev和Next是显示为文本还是显示为图像。使用Chrome开发者工具之类的东西来查看页面的结构,你可以搞清楚。它可能已经是图像的原因是它们可以使用特定字体而不会头疼。

  2. 如果它们是图像,请找到图像的来源。如果它在插件的CSS中,你可以在那里更改它。如果是插入到html中的图像文件,您可以使用自己的图像文件覆盖它,只需给它指定相同的名称即可。

  3. 如果它只是文本,那么您可以查看滑块插件文件并找到它插入的位置。 “prev”或“next”的CTRL + F可能有助于加快速度。小心地更改该实例以插入图像。

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

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

    再次编辑:我刚刚再次阅读您的评论,我发现您的评论可能会有所不同。你有权访问他们的任何主题吗?如果默认情况下使用图像,则修改其中一个可能会更容易。另外要确保使用Chrome浏览器右键单击它并选择“检查元素”,您可以确切地看到发生了什么。如果你使用别的东西,其他浏览器也有类似的功能。