ปิดใช้งานโปรแกรมดูรูปภาพขนาดใหญ่

หากคุณต้องการให้รูปภาพของคุณแสดงเฉพาะในเลย์เอาต์ที่เลือก และไม่ต้องการขยายรูปภาพ คุณสามารถปิดใช้งานโปรแกรมดูรูปภาพขนาดใหญ่โดยใช้การแทนที่ CSS/HTML/สคริปต์

ค้นหารหัสที่เกี่ยวข้อง:

• คัดลอกสคริปต์ทั้งหมดที่กล่าวถึงด้านล่าง สิ่งนี้จะใช้ได้กับทั้งหมด เค้าโครงกริด

<script type='text/javascript'>
 $(document).ready(function () {
   setInterval(function(){
     $('.stage-spacing .grid-item').removeClass('js-grid-item');
   }, 1000);
 });
</script>

<style>
#photo-gallery .grid .grid-item {
 cursor: inherit;}
</style> 

• คัดลอกสคริปต์ทั้งหมดที่กล่าวถึงด้านล่าง สิ่งนี้จะทำงานบน เค้าโครงรายละเอียดแถบเลื่อนแนวตั้งและแถบเลื่อนแนวตั้ง

<script type='text/javascript'>
 $(document).ready(function () {
   setInterval(function(){
     $('.stage-spacing .slideshow-item').removeClass('js-slideshow-item');
   }, 1000);
 });
</script>

<style>
@media screen and (min-width: 1024px){
 .vert-slideshow .slideshow-item img {
 cursor:inherit !important;
 }} 
</style>

• คัดลอกสคริปต์ทั้งหมดที่กล่าวถึงด้านล่าง สิ่งนี้จะใช้ได้กับไฟล์ เค้าโครงภาพเดียว

<script type='text/javascript'>
 $(document).ready(function () {
   setInterval(function(){
     $('.stage-spacing .lslide').removeClass('js-slideshow-item');
   }, 1000);
 });
</script>

<style>
.light-slider .lslide img { cursor:inherit !important;}
</style>

• คัดลอกสคริปต์ทั้งหมดที่กล่าวถึงด้านล่าง สิ่งนี้จะทำงานได้ ตัวเลื่อนและตัวเลื่อนพร้อมเค้าโครงภาพเลื่อน 

<script type='text/javascript'>
 $(document).ready(function () {
   setInterval(function(){
     $('.stage-spacing .list-active').removeClass('js-slideshow-item');
   }, 1000);
 });
</script>

<style>
@media screen and (min-width: 1024px){
 .slidee li.list-active {
 cursor:inherit !important;
 }} 
</style>

ทำตามขั้นตอนด้านล่างเพื่อใช้รหัส:

• หลังจากคัดลอกโค้ดที่เกี่ยวข้องแล้ว ให้ไปที่ การตั้งค่า (1)
• ตัว Vortex Indicator ได้ถูกนำเสนอลงในนิตยสาร สคริปต์ภายนอก (2) วางรหัสใน ส่วน (3)
• Hit ลด (4) เพื่อบันทึกการเปลี่ยนแปลงในสตูดิโอ

ตอนนี้ รีเฟรชไซต์เพื่อตรวจสอบการเปลี่ยนแปลงบนไซต์จริง