标签: image-gallery

Javascript库,可自动使用页面上的所有大图像

我有一个网站,在一个大页面上有很多图像.

最简单的是我可以包含的脚本,它会自动搜索同一页面,并使用大于100px的所有图像从中创建幻灯片库.

任何人都知道这样一个简单的脚本,是否需要任何编程技巧?

我发现这是一个开始:

jQuery获取大于特定大小的元素内的所有图像

为了使所有图像更大,你可以使用这样的东西:

var allImages = $('img', yourDivElement)

var largeImages = allImages.filter(function(){
  return ($(this).width() > 70) || ($(this).height() > 70)
})
Run Code Online (Sandbox Code Playgroud)

更新:

经过一些研究,我发现这是最合适的:Fancybox Gallery

它应该在这个页面上实现:

http://www.kathrinhoffmann.com/

javascript jquery image-gallery

8
推荐指数
1
解决办法
892
查看次数

使用WordPress的图库短代码允许自定义图像大小

在WordPress 2.5及更高版本中,有一个内置的Gallery功能,允许选择将图像库添加到WordPress博客上的帖子或页面.(参考:http://codex.wordpress.org/Gallery_Shortcode)

您可以使用size选项指定要显示的缩略图大小.有效值包括"thumbnail","medium","large"和"full".默认为"缩略图".可以在WordPress管理面板中配置"缩略图","中"和"大"图像的大小.

即. [gallery size="medium"]

我的问题:我正在尝试破解[gallery]短代码,以便在输入时允许自定义大小 - 而不是尝试通过管理面板执行此操作.我想用类似的东西[gallery size="145x160"].

而不是下载一个膨胀的插件,我宁愿使用已经存在的东西,我不知道我需要在我的文件结构中进行哪些更改.我对PHP很熟悉,但我担心我会做出改变,然后当我更新WP的未来版本时,它会覆盖我在运动中设置的内容.
有人可以帮我解决这个问题吗?

非常感谢你!

php wordpress gallery image-gallery shortcode

7
推荐指数
2
解决办法
5870
查看次数

如何制作水平和垂直滚动的二维图库?

我是Android新手,我想创建一个图像库,其中每列都是一个类别,用户可以垂直和水平滚动.

我找到了一篇关于如何在这里显示图像列表的有用帖子.我想知道是否可以在图库视图中嵌套图像列表?

android listview gridview image-gallery

7
推荐指数
2
解决办法
4868
查看次数

获取Android中图库文件夹的路径

我知道如何以编程方式获取图库图像(逐个).

现在画廊是按文件夹组织的

有没有办法在库视图中选择并获取文件夹的路径...

替代文字

android gallery image-gallery android-emulator

7
推荐指数
2
解决办法
5万
查看次数

旋转木马就像jQuery Mobile中的画廊

我很乐意在jQueryMobile中做这样的事情:

圆盘传送带

我不需要多于一个滑块和指标选择哪个页面.它应该显示一些图片.

所以我测试了许多图像库.但他们中的大多数都是

a)将缩略图作为初始接口或b)与jQuery Mobile不兼容.

有人知道一个简单的方法来开始这个吗?

jquery image-gallery jquery-plugins jquery-mobile

7
推荐指数
1
解决办法
2万
查看次数

自定义WordPress库html布局

使用默认的Media Uploader在WordPress中创建图库时,WordPress将图像包装在一堆HTML标记中.

如何在生成之前覆盖它,以便我可以输出所需的标记并更改图库布局的创建方式?

目前,WordPress正在生成如下代码:

<div id="container">
   <div src="<?php bloginfo('template_directory'); ?>/images/small.jpg">
   <div src="<?php bloginfo('template_directory'); ?>/images/medium.jpg" data-media="(min-width: 400px)"></div>
   <div src="<?php bloginfo('template_directory'); ?>/images/large.jpg" data-media="(min-width: 950px)"></div>
   <div src="<?php bloginfo('template_directory'); ?>/images/extralarge.jpg" data-media="(min-width: 1200px)"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

php wordpress image-gallery

7
推荐指数
3
解决办法
3万
查看次数

使用片段从库中选择图像

我试图使用从fragmentactivity调用的片段从gallery获取图像,但onActivityResult片段类没有被调用.我发现这可能是由于onActivityResultFragmentActivity类的原因而发生的,但是当我检查两个类上的日志时,non不被调用,因此我无法从库中访问所选图像.

我已经尝试了大多数解决方案,但仍然无法弄清楚问题.

我的主要片段活动

public class CreateEvent extends FragmentActivity{

private int CREATE =0;
private int INVITE = 1;
private int FRAGMENT_COUNT = INVITE +1;
private Fragment[] fragment = new Fragment[FRAGMENT_COUNT]; 
private boolean isResumed = false;
@Override
protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        FragmentManager fm = getSupportFragmentManager();
        fragment[CREATE] = fm.findFragmentById(R.id.create);
        fragment[INVITE] = fm.findFragmentById(R.id.invite);
        FragmentTransaction transaction = fm.beginTransaction();
        for(int i = 0 ; i<fragment.length; i++)
        {
            transaction.hide(fragment[i]);
        }
        transaction.commit();
    };
        private void showfragment(int fragmentIndex, boolean addToBackStack)
        {
            FragmentManager fm …
Run Code Online (Sandbox Code Playgroud)

android image-gallery fragment android-fragmentactivity

7
推荐指数
1
解决办法
1万
查看次数

从内置存储的Android手机上的图库中获取图像

嗨,我正在开发一个Android Gallery应用程序,我从内置库中获取图像并显示它.我正在使用如下代码

        String[] projection = {MediaStore.Images.Thumbnails._ID};


   Cursor cursor = getContentResolver().query(MediaStore.Images.Thumbnails.INTERNAL_CONTENT_URI,
                projection, // Which columns to return
                null,       // Return all rows
                null,       
                null);


        int columnIndex = cursor.getColumnIndexOrThrow(MediaStore.Images.Thumbnails._ID);
        int size = cursor.getCount();
        // If size is 0, there are no images on the SD Card.
        if (size == 0) 
        {
            Log.e("size 0","0");
        }
Run Code Online (Sandbox Code Playgroud)

问题是,当我在仅具有内部存储(Galaxy Nexus)的手机上运行此代码时,即使内置图库中有图像,我也会收到大小为零的Log.我该如何解决这个问题.请帮忙.谢谢!

android gridview image-gallery android-gallery

7
推荐指数
1
解决办法
1万
查看次数

我想将图像存储在sqlite数据库中,该数据库取自图库和相机android

我有一个应用程序,用户通过点击Imageview并设置图像和从相机拍摄新照片来添加图像.我想将该设置图像存储到sqlite数据库中.

**AddkeyEventdetail.java**



  package com.example.kidsfinal;

    import java.util.Calendar;

    import android.app.DatePickerDialog;
    import android.app.Dialog;
    import android.content.Intent;
    import android.database.Cursor;
    import android.graphics.Bitmap;
    import android.graphics.BitmapFactory;
    import android.net.Uri;
    import android.os.Bundle;
    import android.provider.MediaStore;
    import android.support.v4.app.DialogFragment;
    import android.util.Log;
    import android.view.View;
    import android.widget.Button;
    import android.widget.DatePicker;
    import android.widget.EditText;
    import android.widget.ImageView;
    import android.widget.Spinner;
    import android.widget.TextView;

    import com.example.slidingmenuexample.R;

    public class AddChildHoodEventActivity extends SmartActivity {

        ImageView ivChildPics;
        EditText edtEventDate, edtEventDetails;
        Button btnEventDetailSubmit, btnopenCamera;
        Spinner spinnerSelectChild;
        Bitmap bmp;

        Calendar calendar = Calendar.getInstance();
        int mDay = calendar.get(Calendar.DAY_OF_MONTH), mMonth = calendar
                .get(Calendar.MONTH), mYear = calendar.get(Calendar.YEAR) - 1;

        @Override …
Run Code Online (Sandbox Code Playgroud)

android image-gallery imageview android-sqlite

7
推荐指数
1
解决办法
3355
查看次数

缩小相机插件的图库照片

我正在使用Cordova 2.6 Camera插件,从设备库中获取图像,我使用base64编码获取它们,我试图使用"质量"选项将它们压缩到较低质量.

我注意到压缩不起作用,当我在https://github.com/apache/cordova-plugin-camera/blob/master/doc/index.md阅读Cordova文档时,我可以读到:

注意:较新设备上的照片分辨率非常好.即使指定了质量参数,从设备库中选择的照片也不会缩小到较低的质量.要避免常见内存问题,请将Camera.destinationType设置为FILE_URI而不是DATA_URL.

在我的情况下,我只能使用DATA_URL,因为我使用base64加密与第三方webservice上传图像.我也只使用设备库中的图像(不是来自相机本身).我遇到了一些性能问题,主要是在Windows Phone上.由于图像大小,我的应用程序需要花费太多时间来处理base64数据(我正在测试保存在设备库中的大图像,但是使用5 MP或8 MP手机的相机拍摄).

我的问题是有一个解决方案,以获得Cordova插件中的图片照片的"质量"选项吗?

是否有任何自定义插件或分支,我们可以压缩设备库照片?

你建议还有其他选择吗?(例如,使用FILE_URI并返回压缩图像base64加密的自定义本机插件)

camera image-gallery cordova windows-phone-8 windows-phone-8.1

7
推荐指数
1
解决办法
1009
查看次数