gpt4 book ai didi

javascript 将 IMG 标签中的图像转换为 标签中的实际链接图像

转载 作者:行者123 更新时间:2023-12-04 20:06:54 26 4
gpt4 key购买 nike


我以前问过这个问题并尝试多次解决它但没有运气。
作为一个在 javascript 方面经验不足的非程序员,
我想要一个书签或类似的东西来帮助我用图像链接指向的原始(全尺寸)图像替换页面上的所有图像。例如,如果我点击链接图片,它会将我带到全尺寸图片,但我希望页面上显示该全尺寸图片。

这是一个网站代码的例子:

<a href="http://www.diyphysics.com/wp-content/uploads/2012/02     Multiplier_schematic.jpg">
<img class="aligncenter wp-image-627" title="Multiplier_schematic" src="http://www.diyphysics.com/wp-content/uploads/2012/02/Multiplier_schematic-1024x205.jpg" alt="Schematic of Dual-Polarity High-Voltage Cockroft-Walton Multiplier by David and Shanni Prutchi" width="614" height="123"/>
</a>

我希望它是:

<img class="aligncenter wp-image-627" title="Multiplier_schematic" src="http://www.diyphysics.com/wp-content/uploads/2012/02/Multiplier_schematic.jpg" alt="Schematic of Dual-Polarity High-Voltage Cockroft-Walton Multiplier by David and Shanni Prutchi"/>

宽度和高度限制已被删除。

举个例子,这个网站
http://www.pocketmagic.net/?p=802
有很多微小的低分辨率图像显示为链接,我希望小书签用它们指向的高分辨率图像替换所有这些图像。这样我就可以将页面保存为一个整体,或者将其导出...

谢谢!

编辑:1. @Frosco,我试过了,但我对 JS 的了解很少。
2. @PhD,它应该是一个带有javascript: 协议(protocol)的bookmarlet。面向用户,不适合 Web 开发人员。

已解决:感谢约翰,我想通了,

如果有人感兴趣,这里是 JS 书签:

javascript:(function(e,a,g,h,f,c,b,d){if(!(f=e.jQuery)||g>f.fn.jquery||h(f)){c=a.createElement("script");c.type="text/javascript";c.src="http://ajax.googleapis.com/ajax/libs/jquery/"+g+"/jquery.min.js";c.onload=c.onreadystatechange=function(){if(!b&&(!(d=this.readyState)||d=="loaded"||d=="complete")){h((f=e.jQuery).noConflict(1),b=1);f(c).remove()}};a.documentElement.childNodes[0].appendChild(c)}})(window,document,"1.3.2",function($,L){$('a img').each(function(index) {    var currentElement= $(this);    var anchor = currentElement.parent();    var highResSource = anchor.attr("href");    var newImage = "<img src='" + highResSource + "'/>" +"</div>";    anchor.html(newImage);});});

最佳答案

像这样的事情应该让你开始:

$('a img').each(function(index) {
var currentElement= $(this);
var anchor = currentElement.parent();
var highResSource = anchor.attr("href");
var newImage = "<img src='" + highResSource + "'/>";
anchor.html(newImage);
});​

关于javascript 将 IMG 标签中的图像转换为 <A> 标签中的实际链接图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11337234/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com