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

หากคุณต้องการให้รูปภาพแสดงเฉพาะในรูปแบบที่เลือกไว้เท่านั้น และไม่ต้องการขยายรูปภาพ คุณสามารถปิดใช้งานการแสดงรูปภาพขนาดใหญ่ได้โดยใช้ 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>

หมายเหตุ : หากต้องการปิดใช้งานโปรแกรมดูภาพขนาดใหญ่ในแกลเลอรีใดแกลเลอรีหนึ่ง คุณต้องเพิ่มคลาส ` .stage-spacing`ต่อท้ายรหัสแกลเลอรี คุณสามารถดูรหัสแกลเลอรีได้จากเครื่องมือตรวจสอบของเบราว์เซอร์หากคุณต้องการความช่วยเหลือ โปรดติดต่อเราผ่านทางแชทในสตูดิโอหรือส่งอีเมลมาที่ support@pixpa.com


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

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

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

 

ไม่พบสิ่งที่คุณกำลังมองหา?

ติดต่อกับผู้เชี่ยวชาญของ Pixpa

โปรแกรม Pixpa Studio ได้รับการปรับปรุงใหม่แล้ว ขณะนี้เรากำลังอัปเดตภาพหน้าจอในบทความช่วยเหลือทั้งหมดอยู่