我有一个HTML和JavaScript混合代码片段,它使用一个名为magicbox 360工具包的插件,但即使文件夹中存在许多图片,它也不会拍摄超过30张图像。我尝试了他们的文档;似乎什么都不起作用。
<div class="app-figure" id="zoom-fig">
<!-- <a id="spin-1" class="Magic360" data-options="rows:55; columns:55"-->
<!-- href="imagesarmani-bagarmani-bag-small-01-01.jpg">-->
<!-- <img src="imagesarmani-bagarmani-bag-small-01-01.jpg"></a>-->
<!-- <a id="spin-1" class="Magic360" data-options="rows:55; columns:55 "> <img src="imagesarmani-bagp-01.jpg"></a> -->
<a class="Magic360" data-options="filename:p-01-{row}-{col}.jpg; rows:4; columns:12;"><img src="imagesarmani-bagp-01.jpg""/></a></div>
在您的代码中,第一个旋转图像是 p-01.jpg
。这与文件名描述符不匹配,文件名描述符p-01-{row}-{col}.jpg
。
在不知道图像文件名的情况下,我想答案是:
- 描述符应
p-{col}.jpg
。 - 或者第一个图像应该是类似
p-01-01-01.jpg
.
您的图像的文件名是什么?