如何使用jquery或php将类添加到特定图像?

时间:2013-09-13 20:39:44

标签: wordpress

我正在一个名为lingeriesshop.net的域上学习wordpress,我正在从聊天服务提供商mylivechat.com安装一个实时聊天控制台,使用那里很棒的wordpress插件,他们可以选择分配自定义浮动图像和另一个选项来对齐它在聊天设置中位于页面的左侧或右侧,但是当我在页面右侧对齐图像时,我会在img和页面边缘之间获得50px的空间。

在仪表板中为插件聊天设置,它们允许您水平或垂直分配图像偏移,如果我为图像指定50px的水平偏移,它与页面完美对齐但是当我打开聊天窗口时,我会丢失50px的聊天窗口本身并不能关闭它。我找不到使用firebug编写css调整的任何类名或id名称,并且脚本生成服务器端,所以我不能手动编辑那里的文件来调整它要么我发现这个img标签用firebug控制它的位置

<img style="white-space: nowrap; position: absolute; top: 0px; left: 0px;" src="http://lingeriesshop.net/redchatimage.png">

如果我在firebug中设置50px的左侧位置一切正常=)我怎么能在不影响页面上的其他图像的情况下将此样式添加到此图像中,而我无法用它自己的类或ID调用它?是否有一种特殊的方式来添加类或id或内联样式?我想知道我是否可以用某种“if”语句来表达,如果是img“redchatimage.png”那么就像位置它留下了50px。

我是非常新的WordPress和PHP和香港专业教育学院只用jquery做了一些小的mod到html,我很好用css和html但它在这种情况下无济于事所以这是不可能的?这个功能真的有助于我的设计走得更远,并且喜欢看到它的实现。 =)

1 个答案:

答案 0 :(得分:0)

在jQuery中,你可以这样做:

//Note I'm using jQuery instead of $....just to help out when using wordpress.
jQuery("img[src='http://lingeriesshop.net/redchatimage.png']").addClass('classname');