如何在 Media Viewer 中垂直设置样本图像缩略图栏？

Question

<script type="text/javascript"> var mixedMediaViewer = new s7viewers.MixedMediaViewer({ "containerId":"s7viewer", "params":{ "asset":"Scene7SharedAssets/Mixed_Media_Set_Sample", "serverurl":"http://s7d1.scene7.com/is/image/", "videoserverurl":"http://s7d1.scene7.com/is/content/" } }).init(); </script>

我想让样本图像垂直显示，如图像中突出显示的那样。

Answer 1

我修改了示例。这不是完美的解决方案，但这可能对您有所帮助：

<!DOCTYPE html> 
<html> 
     <head> 
         <script type="text/javascript" src="https://s7d1.scene7.com/s7viewers/html5/js/MixedMediaViewer.js"></script> 
         <style type="text/css"> 
           #s7viewer.s7mixedmediaviewer { 
             width: 640px; 
             height: 480px; 
           } 
           .s7swatches {
             top: 30%;
             transform: rotate(90deg);

           }
           .s7swatches > div {
             top:200% !important;

           }
         </style> 
     </head> 
     <body> 
         <div id="s7viewer" style="position:relative"></div> 
         <script type="text/javascript"> 
           var mixedMediaViewer = new s7viewers.MixedMediaViewer({ 
             "containerId":"s7viewer", 
             "params":{ 
               "asset":"Scene7SharedAssets/Mixed_Media_Set_Sample", 
               "serverurl":"https://s7d1.scene7.com/is/image/", 
               "videoserverurl":"http://s7d1.scene7.com/is/content/" 
             } 
           }).init(); 
        </script> 
    </body> 
</html>

如何在 Media Viewer 中垂直设置样本图像缩略图栏？

How to set swatch images thumbnail bar vertically in Media Viewer?

html

javascript

css

adobe

mediaview