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を用いることを指す.
次のコードを使用してテストすることに興味があります.
では、これだけ言って、もっと勉強できる内容はインスタンスページにあります.
コアコード:
パッケージダウンロードアドレスjquery-replace-pic-convert.rar
次のアニメーションは、サイズ切り替えが表示され、「大図」ボタンをクリックすると、画像の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