0

我想在下面的代码中用图像(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>';
        }

如果重要的话,我正在为 Wordpress 使用TheThe Image Slider

4

1 回答 1

1

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

  1. 确定 Prev 和 Next 是显示为文本还是图像。使用诸如 Chrome 开发者工具之类的工具来查看页面的结构,您就可以弄清楚这一点。它可能已经是图像的原因是他们可以使用特定的字体而不会感到头疼。

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

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

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

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

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

于 2012-09-29T01:23:53.813 回答