jQuery显示'；堆叠图像'；在photoshop中_Jquery_Photoshop

jQuery显示'；堆叠图像'；在photoshop中

jquery

jQuery显示'；堆叠图像'；在photoshop中,jquery,photoshop,Jquery,Photoshop,在PHOTOSHOP中，有没有一种方法可以将图像堆叠到一个“集合”中，这样您就可以在单击图像时对该图像应用一些jQuery或javascript来显示每个堆叠的图像我正在编写一个程序，其中包含150个文件夹，每个文件夹包含5个图像，我想将它们显示为一个堆栈，遍历一组的5个图像中的每一个。然后你点击“下一步”，文件夹2被加载，你可以点击图像浏览这组5，依此类推好的，我需要更具体一些。这是我的索引页： <html> <head> <title>index&

在PHOTOSHOP中，有没有一种方法可以将图像堆叠到一个“集合”中，这样您就可以在单击图像时对该图像应用一些jQuery或javascript来显示每个堆叠的图像

我正在编写一个程序，其中包含150个文件夹，每个文件夹包含5个图像，我想将它们显示为一个堆栈，遍历一组的5个图像中的每一个。然后你点击“下一步”，文件夹2被加载，你可以点击图像浏览这组5，依此类推

好的，我需要更具体一些。这是我的索引页：

 <html>
 <head>
<title>index</title>
 </head>
 <body>

 <img src="1.jpg" id="displayimage" alt="" onmousedown="change()">

  <script src="scripts.js"></script>
</body>
</html>

这就是我想要的，如果你点击图像，下一个图像就会出现

问题是我需要使src动态。这适用于索引页所在目录中的所有图像，但我有50个名为images1、images2、images3的文件夹。。。。。每个文件夹中都有1.jpg、2.jpg、3.jpg等。是否有办法将JS中的src更改为扩展图像1/imgs[++x]，以及是否有办法使“1”动态

谢谢

在堆叠图像之前，您应该从程序中传递每个图像的宽度，例如：

folder1/galleryData.txt：

img1.jpg|340
img2.jpg|220
img3.jpg|540
img4.jpg|628
img5.jpg|342

比您可以读取的宽度：

var widths = []; // Array to store read widths

$.get('folder1/galleryData.txt', function(data) {

     var line = data.split('\n');
     for(var i=0; i<line.length; i++){
         widths.push( line.split('|')[1] );
     }
     alert( widths ); // 340,220,540,628,342 

});

现在，您可以使用计数器[n]，在单击某个按钮后获得所需图像，并使用jQuery设置元素的动画-背景位置

如果每个图像的宽度相同。。。嗯，比这项工作更简单的是，你不需要创建任何东西，只需堆叠所有图像并制作背景位置动画
，我认为你做不到。但是，您可以将所有图像相邻放置，只需将部分图像与背景图像一起使用即可。虽然这里有一个JavaScript PSD解析器，但是您有想要做什么的屏幕截图。这有点不清楚。“有没有办法将图像叠加到一个‘集合’中”的真正含义是什么？你那边有什么好消息吗？
var widths = []; // Array to store read widths $.get('folder1/galleryData.txt', function(data) { var line = data.split('\n'); for(var i=0; i<line.length; i++){ widths.push( line.split('|')[1] ); } alert( widths ); // 340,220,540,628,342 });

widths[2]; // 540