使用prototype js更改子图像源
Change child image source using prototype js
如何在使用原型点击父链接时更改图标路径?
<a onclick="toggleAmenity('park'); return false;" href="#">
<input type="image" id="parks_button" src="/images/amenities/icon_parks.gif" name="commit">
</a>
有大约一百万种方法可以剥这只猫的皮,但这可能会给你一些使用原型的想法。
我用的不是"舒适度",而是图像大小。有点令人困惑,但我想在点击时显示一个视觉变化。我强烈建议不要对这种类型的东西(或大多数其他类型的东西)使用onclick属性。
http://jsfiddle.net/gSfmL/
<p>
<a data-toggle-amenity='64' href="#">
<input type="image" id="parks_button" src="http://www.google.com/images/icons/product/chrome-128.png" name="commit">
</a>
</p>
<p>
<a href="#">This anchor won't fire</a>
</p>
document.on('click', 'a[data-toggle-amenity]', function(event, element) {
var amenityToggleType = element.readAttribute('data-toggle-amenity');
element.down('input').writeAttribute({src: 'http://www.google.com/images/icons/product/chrome-' + amenityToggleType + '.png'});
element.writeAttribute('data-toggle-amenity', null); // removes the attribute
});
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 角度:在ng重复上切换图像
- 画廊图像未显示
- Phonegap-(安卓/iphone)多个图像的图像库出现问题
- Javascript排序的图像弹出窗口..可以't单独弹出
- 画布数据到图像
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 使图像在单击时展开到不大于浏览器
- Html页面上的多个Base64图像和平滑加载
- UIAutomation放大图像
- 直接在函数声明上使用function.prototype.bind
- 使用javascript在Flash中加载外部图像
- 可以在这里为背景图像设置滤镜吗
- 当图像转换为本地存储的DataURL时,EXIF被删除
- 使用 js 将背景图像设置为 HTML
- 使用prototype js更改子图像源
- 无法使用prototype.js的Ajax更新程序()从我的表单发布图像
- 如何在IE8中使用Prototype旋转图像