Question

我想禁用自动旋转，但我找不到jQuery（document）.ready（function（$）部分的任何选项。请告诉我在哪里可以找到阻止它的选项。

我有EXIF信息的照片。有时我需要使用GD Graphic library的imagerotate（）命令旋转图片。但是在保存旋转的图片后，它们仍然会根据原始方向显示。我猜Jssor在从EXIF找到正确的方向方面做得很好。但是我想停止自动旋转，以便像我保存的那样显示图片。

Answer 1

首先在set style ='transform：rotate（X deg）;'之后使用exif_read_data（）php函数找出图像方向根据方向类型

在图像标记中

检查下面的示例代码

    <div data-u="slides" style="cursor:default;position:relative;top:0px;left:240px;width:720px;height:480px;overflow:hidden;">
      <?php foreach ($pasttravelphoto as $key => $photo) {?>
                 <div data-p="150.00">
                  <?php 
                      $exif = exif_read_data(base_url2.'web/'.$photo['imagepath']);
                   if(!empty($exif['Orientation'])) { 


                      switch($exif['Orientation']) {
                            case 8: ?>  
                                   <img data-u="image" src="<?php echo base_url2.'web/'.$photo['imagepath'];?>" style='transform: rotate(-90deg);' />
                                   <img data-u="thumb" src="<?php echo base_url2.'web/'.$photo['imagepath'];?>" style='transform: rotate(-90deg);' />
                               <?php  break;
                            case 3: ?>
                                   <img data-u="image" src="<?php echo base_url2.'web/'.$photo['imagepath'];?>" style='transform: rotate(180deg);' />
                                   <img data-u="thumb" src="<?php echo base_url2.'web/'.$photo['imagepath'];?>" style='transform: rotate(180deg);' />
                               <?php  break;
                            case 6: ?>
                                   <img data-u="image" src="<?php echo base_url2.'web/'.$photo['imagepath'];?>" style='transform: rotate(90deg);' />
                                   <img data-u="thumb" src="<?php echo base_url2.'web/'.$photo['imagepath'];?>" style='transform: rotate(90deg);' />
                                <?php  break;
                            default: ?>
                                   <img data-u="image" src="<?php echo base_url2.'web/'.$photo['imagepath'];?>" />
                                   <img data-u="thumb" src="<?php echo base_url2.'web/'.$photo['imagepath'];?>" />
                                <?php  break; 
                        }

                   }else{



                   ?>
                <img data-u="image" src="<?php echo base_url2.'web/'.$photo['imagepath'];?>" />
                <img data-u="thumb" src="<?php echo base_url2.'web/'.$photo['imagepath'];?>" />
                <?php } ?>
            </div>
      <?php }?>


    </div>

Jssor Slider - 如何根据EXIF禁用自动旋转？

1 个答案: