我在画廊中有一个大图像,当在下面的无序列表中单击其中一个缩略图时需要更改.图像是动态进入的,因此jquery脚本需要能够获取缩略图的src,从文件名中删除"-thumb",然后用新的源替换大图像.
请告诉我这是一个像这样的画廊的最佳方法.
提前致谢.
-B
我正在尝试使用Android上的图片开发图片库.
我使用了库类,但它不能做缩放.有没有像Facebook的Android应用程序的画廊的任何源代码?有什么建议吗?我对缩放和拖动图片感兴趣,可以看到下一个和之前的图片.
有没有人知道Jquery的插件可以复制这个功能?
这个想法是你有一个图像列表,一次只能看到它们中的X个数字,而不是点击下一个/上一个滚动图像,它们相对于鼠标中心位置的偏移量滚动.
我一直在用JQuery创建一个图库,一切都完成了.图像水平并排放置在其溢出ID隐藏的div中(不想显示滚动条).我有两个箭头左边的箭头和箭头右边的链接.现在我想做的是,当我点击向左箭头时,它应该显示上一个图像,当我点击右箭头图像时,它应该显示下一个图像.我怀疑当用jquery点击相应的箭头图像时,我将不得不向右移动滚动条.
怎么做?
谢谢
太长了看了.
这是我的Gallery脚本的核心.这看起来比实际上更复杂..但是我缺乏JQuery(Javascript)知识我无法自己编程.大多数javascript只是伪的,所以如果你可以将伪javascript翻译成实际有效的javascript(Jquery),那就好了.
我有一个展示大图像的画廊.我有一个缩略图列表,其中包含用户可以单击以在图库图像之间导航的一些拇指图像.我有一个信息池.它的列表包含Gallery的所有大图像.图库从此信息池中获取其信息. - 在一些动画问题中我使用了一个看不见的池.
HTML
<div id="gallery">
<ul>
<li>Item 1</li> <--! Item 1 is the standard item that is shown on the page-->
</ul>
</div>
<div id="thumbs">
<ul>
<li>Thumb 1</li> <--! This list contains thumbnails for the gallery-->
<li>Thumb 2</li>
<li>Thumb 3</li>
<li>Thumb 4</li>
</ul>
</div>
<div style="display:hidden;" id="pool"> <-- its invisible for the human eyes -->
<ul> <--! This list is the information pool which stores the big pictures of the gallery-->
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li> …Run Code Online (Sandbox Code Playgroud) 我正在开发一个画廊应用程序,该应用程序显示手机或笔式驱动器中的所有图像。我成功地列出了所有图像并将其显示在应用程序中。但我认为它很慢。我使用的Depth First Search技术内的AsyncTask。那么有没有其他方法可以在里面使用AsyncTask,速度要快得多。这里的 root 是一个由树 URI 组成的 DocumentFile。
这是我使用过的代码。
public class ImageBackgroundTask extends AsyncTask<Object, Object, ArrayList<DocumentFile>> {
DocumentFile root;
ArrayList<DocumentFile> result;
ProgressDialog pg;
Context context;
private AsyncTaskCompleteListener<ArrayList<DocumentFile> > callback;
ImageBackgroundTask(DocumentFile root, Context context, AsyncTaskCompleteListener<ArrayList<DocumentFile>> cb){
this.context=context;
this.root=root;
this.callback = cb;
}
@Override
protected ArrayList<DocumentFile> doInBackground(Object... voids) {
Queue<DocumentFile> stack=new ArrayDeque<>();
ArrayList<DocumentFile> list=new ArrayList<>();
for(DocumentFile f:root.listFiles()){
stack.add(f);
}
while(!stack.isEmpty()){
DocumentFile child=stack.remove();
if(child.isDirectory()){
for(DocumentFile file:child.listFiles()){
stack.add(file);
}
}
else if(child.isFile()){
String name=child.getName();
if(name.endsWith(".jpg")
|| name.endsWith(".png")
|| …Run Code Online (Sandbox Code Playgroud) javascript ×4
jquery ×4
gallery ×3
android ×2
effects ×1
file-io ×1
html ×1
html-lists ×1
image ×1
mouseover ×1