标签: gallery

长话短说，我一直在这个网站上进行考试。一切都很好，直到我开始制作画廊。问题不是画廊本身，而是导航栏，我不知道如何解决这个问题。无论如何，当我向下滚动到我的图库时，照片不仅仅隐藏在导航栏下方，它们还会越过它。我拥有的大屏幕也会发生同样的情况，文字也会覆盖它。

这是我的 HTML

<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
    <ul class="navbar-nav">
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#"
                id="navbardrop" data-toggle="dropdown"> Daugiau </a>
                <div class="dropdown-menu">
                    <a class="dropdown-item" href="#"> ****** </a>
                </div>
        </li>
        <li class="nav-item yes">
            <a class="nav-link" href="#"> ****** </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#"> ****** </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#"><s> ****** </s></a>
        </li>
    </ul>
</nav>
<div class="gal">
    <div class=" text-center py-3">
        <h5> ... </h5>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-lg-2 col-md-12 mb-4">
                <div class="view overlay z-depth-1-half">
                    <img …

Android 33及以上版本图库打不开且无请求权限。

当 Android 13 允许时 Permission.storage.request() 返回 permanentDenied

我有一个Gallerywiew.

我正在使用lazyload下载图像,但是当我旋转设备时,它会重新加载所有图像并且不使用缓存.

如果我这样做android:configChanges="keyboardHidden|orientation",当前图像的大小是最新的方向.

为了让图像显示完整尺寸我做:

Display display = ((WindowManager)getSystemService(Context.WINDOW_SERVICE))
                           .getDefaultDisplay();
int width = display.getWidth();
int height = display.getHeight();

太长了看了.
这是我的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> …

这可能已经得到了回答,我已经知道这应该如何工作,但由于某种原因,它不是.我想这可能是我如何循环元素.

$(document).ready(function() {
     var element = '#gallery ul#gallery-container';
 var idx=0;
 var timeout = 3000;
 var number =  $(element + ' li').length;

function changeSlide() {

    $(element + ' li:eq(' + idx + ')').fadeOut();

    idx = idx + 1;

    if (idx == number) {
        idx=0;
    }

    $(element + ' li:eq(' + idx + ')').fadeIn().delay(timeout).delay(0,   function() {
        changeSlide();
    });;

}

 $(element + ' li').hide();

 $(element + ' li:first').fadeIn().delay(timeout).delay(0, function() {
    changeSlide();
 });
});

然后列表是这样的:

<div id="gallery">
    <ul id="gallery-container">
        <li><img src="media/images/screen-shot-02.jpg" width="173" height="258" alt=" …

我正在尝试显示一个Fancybox图库,其中包含通过JSON加载的数据.在加载并附加新HTML后,我能够正确加载Fancybox.但是,当我附加rel ="somegroup"时,图库功能不起作用,我无法迭代Fancybox中的图像组.

这是我的fancybox电话:

$('.fancyness').live('click', function(){
        $.fancybox(this, {
            'width'         : 'auto',
            'height'        : 'auto',
            'titleShow'     : true,
            'titlePosition' : 'over'
        });
        return false;
    });

这是图像的样子:

html += '<li><a class="fancyness" rel="group" href="' + full + '" title="'+ title +'">';
html += '<img title="' + item.title + '" src="' + thumbnail + '" alt="' + item.title + '" /></a></li>';

如果我不使用.live,则gallery(rel)函数将正常工作,但不会对此数据有效,因为这是使用JSON加载的.

有没有人有任何想法？我找不到其他有类似问题的人也没多少运气.

谢谢.

我的代码:

@Override
public View getView(int position, View convertView, ViewGroup parent) {  
ImageView iv = new ImageView(mContext); 
Drawable photo = new BitmapDrawable(loadBitmap(URL));
iv.setImageDrawable(photo);
iv.setScaleType(ImageView.ScaleType.CENTER_INSIDE);  
return iv; 
}

private Bitmap loadBitmap(String url) {
try {
Bitmap bm = BitmapFactory.decodeStream((InputStream)this.fetch(url));
return bm;
}
catch(Exception e) {
e.printStackTrace();
return null;
}
} 

public Object fetch(String address) {
try {
URL url = new URL(address);
Object content = url.getContent();
return content;
}
catch(Exception e) {
e.printStackTrace();
}
return this;
}

我尝试在图库中查看大约100张带有URL的照片.但是当查看大约10张照片时,发生了内存不足错误.我该怎么做才能避免错误？

我尝试修改getView()如下所示.

@Override
public View …

我正在尝试创建一个图库/ gridview,其中包含来自SDCard上的特定文件夹的图像.该文件夹的路径是已知的("mnt/sdcard/iWallet/Images"),但在我在网上看到的示例中,我不确定如何或在何处指定图片文件夹的路径,我想从中加载图像.我已经阅读了几十个教程,甚至是developer.android.com上的HelloGridView教程,但这些教程并没有教会我正在寻找什么.

我到目前为止阅读的每个教程都有:

A)从/ res文件夹中将图像称为Drawable,并将它们放入要加载的数组中,而不是使用SDCard.

B)使用MediaStore访问SDCard上的所有图片,但未指定如何设置我想要显示图像表单的文件夹的路径

要么

C)建议使用BitmapFactory,我没有丝毫的线索如何使用.

如果我以错误的方式解决这个问题,请告诉我,并指导我采取正确的方法来做我想做的事情.

我的目标android sdk版本1.6 ...

谢谢..

在我的画廊中,缩略图宽240像素,但它们的高度各不相同.有没有办法裁剪缩略图像,使它们都高150像素？

目前我有这个:

.gallery > div > a > img {
position:absolute;
top: 0;
left: 0;
clip: rect(0px,240px,150px,0px);
overflow: hidden;
border:none;
}

这可行,但只有顶行的图像看起来很好,因为它们都是对齐的.其他行上的图像未对齐,因为它们被放置在上面一行上图像的原始高度之下.我需要添加什么来解决这个问题？

如何缩短它以使它全部适合一个功能.我有一个工作的图库,当点击类a的图像时,类bigimg中的图像被更改为选中的图像.我可能已经做了很长一段时间来改变图像,但最多只会有十几个.

顺便说一下,我将托管我的图片,这些图片仅供我的测试

HTML/jQuery使用

<div id="galleryholder">

            <div id="largeimg" class="center">
                <img class="bigimg" src="http://1.bp.blogspot.com/-BNkayp7vphQ/UEmx3WTwe1I/AAAAAAAAELg/eHu4hWtoXbk/s1600/desktop-wallpaper-29.jpg">
            </div>

            <div id="reel">
                <a href=""><img class="a" src="http://wallpaperstate.org/wp-content/gallery/ca_home/hd-wallpaper-30.jpg"></a>
                <a href="#"><img class="b" src="http://1.bp.blogspot.com/-BNkayp7vphQ/UEmx3WTwe1I/AAAAAAAAELg/eHu4hWtoXbk/s1600/desktop-wallpaper-29.jpg"></a>
                <a href="#"><img class="c" src="http://1.bp.blogspot.com/-BNkayp7vphQ/UEmx3WTwe1I/AAAAAAAAELg/eHu4hWtoXbk/s1600/desktop-wallpaper-29.jpg"></a>
            </div>

                <script>
                $(function() {

                  $('.a').click(function(){
                    $(".bigimg").attr('src',"http://wallpaperstate.org/wp-content/gallery/ca_home/hd-wallpaper-30.jpg");
                    return false;
                  });
                });


                $(function() {
                  $('.b').click(function(){
                    $(".bigimg").attr('src',"http://1.bp.blogspot.com/-BNkayp7vphQ/UEmx3WTwe1I/AAAAAAAAELg/eHu4hWtoXbk/s1600/desktop-wallpaper-29.jpg");
                    return false;
                  });
                });
                </script>

        </div>

我有尺寸很大的图像，我想用 jQuery 缩小它们，同时保持比例受限，即相同的纵横比。有人可以指点我一些代码，或者解释一下逻辑吗？

(function($){
  $.fn.swipeGallery = function(options) {

    var settings = {
      'classname'  : 'appGallery',
      'autoHeight' : false,
      'height'     : '100',
      'width'      : '100',
      'background' : '#000000',
      'tolerance'  : 0.25,
      'delay'      : 300
    }

    var ratio = 0;
    var mousedown       = false;
    var mouseX          = 0;
    var imagesLength    = 0;
    var imagesCurrent   = 0;
    var xdiff           = 0;
    var containerHeight = 0;
    var containerWidth  = 0;


    function doResizeImage(listElement){
        $(listElement).css('height', containerHeight);
        $(listElement).css('width', containerWidth);
        var img = $(listElement).find('img');

        if (img.width() / containerWidth …

以下代码从不调用用于导出的回调。导出会话已创建好。我没有看到错误，也没有任何进展。CPU为0％。我没有例外。状态为1（进行中），进度为0，错误为零。该视频在图库中播放。我可以成功获取视频图像。我已将代码提取到单个UIViewController中进行测试，如下所示：

我使用iOS10.1.1在iPad上录制的视频进行了测试。

import UIKit
import Photos

class ViewController: UIViewController {

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
}

// MARK: Properties
@IBOutlet weak var button: UIButton!

// MARK: Actions
@IBAction func onPress(_ sender: UIButton) {
    requestGalleryPermission() {
        (_ hasPermission: Bool) in
        if hasPermission {
            // fetch the asset from Photos
            let fetchResult = PHAsset.fetchAssets(withLocalIdentifiers: …

我正在开发一个画廊应用程序，该应用程序显示手机或笔式驱动器中的所有图像。我成功地列出了所有图像并将其显示在应用程序中。但我认为它很慢。我使用的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")
                    || …