<style> .a{ background-image: url("banner/image2.jpg"); width: 168px; height: 50px; } .b{ background-image: url("banner/image3.jpg"); } .changeColor { background: red; } </style> <div class="as"> <div class="a"> aa </div> </div> <script> $(function () { $('.as').removeClass("a").addClass("b"); }); </script>
$('.as').children('div').removeClass("a").addClass("b");
<style> .b{ background-image: url("banner/image3.jpg"); width: 168px; height: 50px; } </style> <div class="as"> <div class="a"> <img src="banner/image2.jpg" width="168" height="58"> </div> </div> <script> $(function () { $('.as').children('div').removeClass("a").addClass("b"); }); </script>
<img id="my_image" src="first.jpg"/> <button>Change</button> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(function() { $('body').on('click','button',function(e){ e.preventDefault(); $('#my_image').attr('src','second.jpg'); }); }); </script>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
