5 07年5月

用jquery控制图片的最大宽度


选了这个3 columns的wordpress模板,发现一个问题,就是如果图片比较大,页面的排版会被撑乱,css正在学习中,还没搞清楚到底该咋改,如果您能帮我请留言。
正好看了一些jquery的资料,就拿这个问题来练手,基本思路是查看所有网页上的图片,如果大于一个数值,则设定宽度,否则,就按照原来的尺寸显示。代码如下:

  1. $(document).ready(function() {
  2. $("img").each(function(i){ 
  3.     var maxwidth=screen.width-$("#column2").width()-$("#column3").width()-100;
  4.     if (this.width>maxwidth)
  5.      this.width = maxwidth;
  6.     });
  7. });

第一行不用解释了吧?
第二行是查找所有img标签,每一个做后边的function处理
第三行设定最大的宽度,我这里取得是屏幕分辨率减去左右2列的宽度和一个常量。
第四,五行判断图片的宽度,如果超过这个宽度则设其宽度为允许的最大宽度。

现在看来,第三行应该和第二行换一下,效率应该会高些,这么写还有一个问题就是必须浏览器最大化才正常,还有什么好的解决方案呢?
————
想做一个点击阅读全部,显示所有内容的功能,对用户体验有好处,二来对seo有好处,还没时间做,空下来再说吧。

贝贝爸 发表在 原创技术文章 | 等您写评论

19 07年3月

Ultimate Tag Warrior 3 tag ajax搜索中文bug fix


Ultimate Tag Warrior 3(wordpress的一个插件)的tags ajax 搜索功能很不错,但是对中文的支持有问题。现在提供一个fix的办法如下:
打开
searchtags.php

  1. function searchFor(item,tagid,related) {

下面添加

  1. var browser = navigator.appName;
  2. if(browser == "Microsoft Internet Explorer"){
  3. item=escape(item);
  4. }

查找

  1. UTW_ShowWeightedTagSetAlphabetical

把类似

  1. UTW_ShowWeightedTagSetAlphabetical("",
  2. array('default'=>'
  3. <a id="tag_%tagid%"
  4. href="javascript:searchFor(\'%utag%\', \'%tagid%\', \'%relatedtagids%\')"
  5.  style=\'font-size:12px; border:none\'>%tagdisplay%</a> | '), 0)

的代码里面的tag换成utag

打开
ultimate-tag-warrior-core.php

  1. $format = str_replace('%tag%', $tag_name, $format);

下面添加

  1. $format = str_replace('%utag%', urlencode(stripslashes($tag_name)), $format);

贝贝爸 发表在 原创技术文章 | 等您写评论