javascript - 如何在媒体查看器中垂直设置样本图像缩略图栏?
问题描述
<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>
我想让样本图像垂直显示,如图像中突出显示的那样。
解决方案
我已经更改了示例示例。这不是完美的解决方案,但这可能会对您有所帮助:
<!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>
推荐阅读
- php - 通过解析 phpinfo 的输出克隆 php 配置
- c++ - CMake 跳过标准的预编译头文件
- pytorch - torch.sum 里面有一个条件
- javascript - 为单页应用中被点击的元素生成css选择器
- c++ - 如何在 C++ 中更改对象的动态数组的大小
- git - 使用 Github 中主分支的所有提交创建新分支
- database - 有没有办法存储 python 类,以便我可以根据属性搜索它们?
- javascript - 处理可能具有或不具有嵌套对象的对象的最有效方法是什么?
- python - 将 CSV 保存在文档文件夹中
- javascript - 在 MongoDB 中登录并保存会话后 - 会话未定义