اجرای کد جاوا در وردپرس
سوال
چطور کد جاوایی که با کلاس ها و آی دی ها عمل می کنند را در وردپرس انجام دهم؟
کد زیر نیاز به یک کلاس مشخص دارد ، اما ورد پرس برای هر img یک کلاص اختصاصی قرار می دهد.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<img id="myImg" src="img_lights.jpg" alt="Northern Lights, Norway" width="300" height="200"> </div> <!-- The Modal --> <div id="myModal" class="modal"> <span class="close">×</span> <img class="modal-content" id="img01"> <div id="caption"></div> </div> <script> // Get the modal var modal = document.getElementById('myModal'); // Get the image and insert it inside the modal - use its "alt" text as a caption var img = document.getElementById('myImg'); var modalImg = document.getElementById("img01"); var captionText = document.getElementById("caption"); img.onclick = function(){ modal.style.display = "block"; modalImg.src = this.src; captionText.innerHTML = this.alt; } // Get the <span> element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks on <span> (x), close the modal span.onclick = function() { modal.style.display = "none"; } </script> |
در حال بررسی
0
وردپرس
4 سال
1 پاسخ
435 دیده شده
0
پاسخ ( ۱ )
برای اعمال js در وردپرس شما میتونید هم از پلاگین استفاده کنید و هم کد رو داخل تگ <script> در ویجت های صفحه ساز هایی مثل المنتور قرار بدید داخل المنتور هم میتونید کلاس و id برای عکس هایی که قرار میدید مشخص کنید