몇일째 li-na님의 리사이즈 애드온을 쓰고싶은데 충돌이생겨서 질문도올리고 이것저것뒤적뒤적하다보니..

제이쿼리 를 줄인구문이 $라고알고있는데 $를 지원하지않아 제이쿼리를 사용하는 애드온이랑 충돌이 생기는?? 그런이유라고 이해를하게되었습니다

<?php
    if(!defined("__XE__")) exit();

    if(Context::get('module') != admin && $called_position = before_display_content) {
        switch($addon_info->type) {
            case 'a': $script = "<script type=\"text/javascript\">window.onload=function(){var a=document.querySelectorAll('.xe_content img');var i;for(;;i++){if(a[i]){a[i].style.maxWidth='100%';a[i].style.height='auto'}else{break}}};</script>"; break;
            case 'b': $script = "<script type=\"text/javascript\">window.onload=function(){var a=document.querySelectorAll('.xe_content img'),b=document.getElementsByClassName('xe_content'),k,i;if(!b[1])k=0;else k=1;for(i=0;;i++){if(a[i]){a[i].style.maxWidth=b[k].clientWidth+'px';a[i].style.height='auto';}else break;}};</script>"; break;
            case 'c': $script = "<style>.xe_content img {max-width: 100% !important;height: auto !important;}</style>"; break;
            case 'd': $script = "<script type=\"text/javascript\">window.onload=function(){try{\$('.xe_content img').css('max-width', '100%').css('height', 'auto');}catch(e){jQuery('.xe_content img').css('max-width', '100%').css('height', 'auto');}});</script>"; break;
            case 'e': $script = "<script type=\"text/javascript\">window.onload=function(){var a=document.querySelectorAll('.xe_content img'),b=document.getElementsByClassName('xe_content'),k,i,t,g;if(!b[1])k=0;else k=1;for(i=0;;i++){if(a[i]&&a[i].clientWidth>b[k].clientWidth){t=a[i].clientWidth/a[i].clientHeight;a[i].style.width=b[k].clientWidth+'px';g=b[k].clientWidth/t;a[i].style.height=g+'px';}else break;}};</script>"; break;
        }
        Context::addHtmlHeader($script);
    }
?>

$대신에 jquery를 넣으면된다고..보았는데 제나름대로 치환을해보았지만 홈페이지가 백지현상처럼 아무것도뜨지않고 백지만 뜨고 작동을 하지않네요.. 우선은급한대로 다시돌려놓앗는데..

어디부분을 적용하면 작동이 잘될까요...???

부탁드립니다 ㅠㅠ