jQueryではreplace文字列置換によるサイズピクチャ切替を実現

2068 ワード

コアは、img srcのピクチャパスをreplaceで置き換え、異なるサイズのピクチャの切り替えを実現することです.
次のアニメーションは、サイズ切り替えが表示され、「大図」ボタンをクリックすると、画像のsrcが変更され、大図がロードされ、「小図」ボタンをクリックすると、小図が表示されます.
replaceの使い方の簡単な説明:
私も実は初心者で、話が間違っています.
文字列replace(a,b);文字列obj=「welcome to my website!」;obj.replace("my","jb51net");文字列objのmyの代わりに文字列jb 51 netを用いることを指す.
次のコードを使用してテストすることに興味があります.
 
  
var obj="welcome to my website!";
var newobj=obj.replace("my","jb51net's");
alert(newobj);

では、これだけ言って、もっと勉強できる内容はインスタンスページにあります.
コアコード:
 
  
<br>$(document).ready(function(){ <br>// em <br>$(".zxx_image").each(function(){ <br>var emW=$(this).width()/128+"em"; <br>var emH=$(this).height()/128+"em"; <br>$(this).css("width",emW); <br>$(this).css("height",emH) <br>}); <br>function srcChg(a,b){ <br>$(".zxx_image").each(function(){ <br>var new_src=$(this).attr("src").replace(a,b); // , <br>//alert(new_src); <br>$(this).attr("src",new_src); <br>}); <br>} <br>$("#small_pic").click(function(){ <br>if($(this).hasClass("on")) return; <br>else{ <br>$("#big_pic").removeClass("on"); <br>$(this).addClass("on"); <br>$(".zxx_image_list").css("font-size","128px"); <br>srcChg("s256","s128"); <br>return false; // IE6 <br>} <br>}); <br>$("#big_pic").click(function(){ <br>if($(this).hasClass("on")) return; <br>else{ <br>$("#small_pic").removeClass("on"); <br>$(this).addClass("on"); <br>$(".zxx_image_list").css("font-size","256px"); <br>srcChg("s128","s256"); <br>return false; <br>} <br>}); <br>}); <br>

パッケージダウンロードアドレスjquery-replace-pic-convert.rar