Как установить панель эскизов образцов изображений по вертикали в Media Viewer? - PullRequest
Новая
       47

Как установить панель эскизов образцов изображений по вертикали в Media Viewer?

0 голосов
/ 11 марта 2020

<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>I want to have the thumbnails vertically**As like this image**

Я хочу, чтобы образцы изображений отображались вертикально, как выделено на изображении.

1 Ответ

0 голосов
/ 12 марта 2020

Я изменил пример. Это не идеальное решение, но оно может помочь вам: 

<!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>
...