c4se記:さっちゃんですよ☆

.。oO(さっちゃんですよヾ(〃l _ l)ノ゙☆)

.。oO(此のblogは、主に音樂考察Programmingに分類されますよ。ヾ(〃l _ l)ノ゙♬♪♡

音樂はSoundCloud等バラバラの場所に公開中です。申し訳ないがlinkをたどるなどして探してください。

考察は現在は主に此のblogで公表中です。

programmingは、ひろくみせるものはGitHubで、個人的なものはBitBucketで開発中です。

c4se

toggleImage.js #js

uupaa.js 0.7依存。
uu.js + uu.query.js

(function(){

var toggle_image = function(node){
      var arr = node.getAttribute('toggleImage').split(',');
      switch(node.width){
        case Number(arr[0]):
          node.width = arr[2];
          node.height = arr[3];
          break;
        case Number(arr[2]):
          node.width = arr[0];
          node.height = arr[1];
          break;
        default:
          node.width = arr[0];
          node.height = arr[1];
          break;
      };
    };


var scan = function(){
  var image_nodes = uu.query('.toggleImage'), image_node,
      i=-1, arr=[];
  
  while(image_node = image_nodes[++i]){
    uu.event(image_node, 'click', function(evt){toggle_image(evt.target||window.event.srcElement)});
  };
};
//toggle_image = {};
//toggle_image.scan = scan;


uu.ready(scan);

})();


此んな風に書く。

<html>
  <head></head>
  <body>
    <script src="uupaa.js"></script>
    <script src="toggle_image.js"></script>
    <img src="haibane27.png" width="317" height="250" class="toggleImage" toggleImage="317,250,1267,1000"/><br/>
    <img src="haibane27.png" width="317" height="250" class="toggleImage" toggleImage="317,250,1267,1000"/>
  </body>
</html>