用于调整博客帖子中照片大小的JavaScript_Javascript_Image_Blogger

用于调整博客帖子中照片大小的JavaScript

javascript image

用于调整博客帖子中照片大小的JavaScript,javascript,image,blogger,Javascript,Image,Blogger,我正在尝试自动调整博客帖子中照片的大小（运气不好）。基本上，我需要一个JavaScript，可以查找所有元素在上面的每个元素中查找所有元素这些文件的格式如下： <img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 265px;" src="http://1.bp.blogspot.com/-y8j5Il

我正在尝试自动调整博客帖子中照片的大小（运气不好）。基本上，我需要一个JavaScript，可以

查找所有元素
在上面的每个元素中查找所有元素

这些文件的格式如下：

<img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 265px;" src="http://1.bp.blogspot.com/-y8j5IluAe4g/TykduAo1gnI/AAAAAAAAD38/K6VakbKwowU/s400/Czerwony%2BStompee%2Bdla%2Bdzieci.jpeg" alt="" id="BLOGGER_PHOTO_ID_5704123079323910770" border="0" />

我正在使用的博客是：（第一张照片的大小调整了，下面的没有）

如果您能提供提示和/或代码示例，我将不胜感激。

我不确定是否要更改源字符串，但要调整图像大小，您可以将jQuery与自定义函数结合使用，如下所示：

arrayofimgs = document.getelementsbytagname('img')

foreach arrayofimgs
   if( strpos(img.src, 'blogspot.com') )
       img.style.width='556px';
       img.style.height='';
       doSomeRegexOrManualStringManipulation(img.src, 's400', 's556')

<html>
<head>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
<script language="JavaScript">
 $(document).ready(function(){ 
   resizeImages();
 });

 function resizeImages(){
  var imageTags = document.getElementsByTagName("image");
  if (!imageTags || imageTags.length <= 0)
  {
    imageTags = document.getElementsByTagName("img");
  }
  if(!imageTags){
    return;
  }
  for(i = 0 ; i < imageTags.length; i++){

     imageTags[i].style.width="556px";
 imageTags[i].style.height="";
  }  
 }
</script>
<head>
<body>
<image ...
</body>
</html>


$（文档）.ready（函数（）{
调整图像大小（）；
});
函数resizeImages（）{
var imageTags=document.getElementsByTagName（“图像”）；
如果（！imageTags | | imageTags.length适用于需要复制可复制答案的人，只需将此脚本粘贴到模板末尾的某个位置即可：
<script type='text/javascript'>
  /* <![CDATA[ */
  var imageTags = document.getElementsByTagName('img');
  for(i = 0 ; i < imageTags.length; i++){
    if( imageTags[i].src.indexOf('/s400/', 0)>-1 ) {
      if(imageTags[i].style.width=='400px')
    imageTags[i].style.width='556px';
      else
        imageTags[i].style.width='368px';
      imageTags[i].style.height='';
      imageTags[i].src=imageTags[i].src.replace('/s400/', '/s556/');
    }
  }
  /* ]]> */
</script>


/* -1 ) {
if（imageTags[i].style.width=='400px'）
imageTags[i].style.width='556px'；
其他的
imageTags[i].style.width='368px'；
imageTags[i].style.height=''；
imageTags[i].src=imageTags[i].src.replace（'/s400/'，'/s556/'）；
}
}
/* ]]> */
您想更改src字符串以从其他源加载另一个图像，还是想更改它以使标记不会显示图像的真实源？Hi@GrantVS，我想从其他源加载图像。嗯，我确实专门询问了javascript。我同意伪代码最适合解决算法问题。
<script type='text/javascript'>
  /* <![CDATA[ */
  var imageTags = document.getElementsByTagName('img');
  for(i = 0 ; i < imageTags.length; i++){
    if( imageTags[i].src.indexOf('/s400/', 0)>-1 ) {
      if(imageTags[i].style.width=='400px')
    imageTags[i].style.width='556px';
      else
        imageTags[i].style.width='368px';
      imageTags[i].style.height='';
      imageTags[i].src=imageTags[i].src.replace('/s400/', '/s556/');
    }
  }
  /* ]]> */
</script>