标签: image-gallery
iPhone图片库
我正在为iPhone(照片浏览器)寻找一个简单的图片库.我在iOS 4上使用 EasyGallery,我在iOS 5下遇到了这个画廊的一些问题.来自Three20的画廊对我来说太复杂了,并且有许多我不需要的功能(从互联网上加载图片 - >我只需要支持本地图片).我需要显示应用包中的图片,而不是照片库中的图片.
1)EasyGallery在iOS 4下工作,但不在iOS 5下工作.如果有人查找了源代码,以便它现在正在使用iOS 5,请在此处提交您的代码.
2)当视图以模态方式呈现时,FGallery不起作用.这就是我的情况.因此,如果有人将FGallery的源代码调整为模态工作,请在此处提交您的代码.
我曾尝试自己更改源代码1和2,但我没有成功.有人知道一个简单的即用型iPhone图库吗？
提前致谢
推荐指数
解决办法
查看次数
Android:Intent.EXTRA_ALLOW_MULTIPLE只允许单一选择
我想使用"Intent.EXTRA_ALLOW_MULTIPLE"意图过滤器从Android库中打开多个图像:
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR2) {
final Intent intent = new Intent(Intent.ACTION_GET_CONTENT);
intent.setType("image/*");
intent.putExtra(Intent.EXTRA_ALLOW_MULTIPLE, true);
intent.putExtra(Intent.EXTRA_LOCAL_ONLY, true);
startActivityForResult(Intent.createChooser(intent, "Add images"), SELECT_MULTIPLE_IMAGES);
}
但无论我使用什么应用程序(原生图库,QuickPic应用程序),我只能选择一张图片.测试设备运行的是Android 5.1.
如何选择多张图片？
推荐指数
解决办法
查看次数
AngularJS:如何在页面完全加载之前显示预加载或加载？
我有一个图像库网站,我在控制器中以json格式从数据库中获取所有图像和图像相关数据,然后使用ng-repeat我将它们与html绑定.现在,数据被提前加载,但图像加载较晚,因此图像分散.怎么解决这个问题.我不想使用setTimeOut.
示例代码如下: -
<!DOCTYPE html>
<html lang="en" class="no-js" ng-app="cps">
<body ng-controller="CPSController">
<div>
<li ng-repeat="image in images" class="shown">
<a id="{{image.imageid}}" ng-click="openimage(image.imageid)">
<img idx="id-thumb-{{$index}}" ng-src="/imagedisplay/{{image.imageid}}" alt="" style="">
<div class="meta_info">
<h3>{{image.imagename}}.</h3>
<div class="callto">
<div class="actions">
<span><img src="img/artist.svg" alt="">{{image.ownername}}</span>
<span><img src="img/likes.svg" alt="">{{image.likes}}</span>
<span><img src="img/views_small.svg" alt="">{{image.views}}</span>
</div>
<div class="category">
Art Category
</div>
</div>
</div>
</a>
</li>
</div>
</body>
</html>
<script>
var cps = angular.module('cps', []);
cps.controller('CPSController', function($scope, $http, $compile){
$scope.products = [];
$http.get("/alldata/").success(function(data){
if(data != "null")
{
for(i=data.length-1; i>=0; i--){
$scope.products.push(data[i]);
}
$scope.sendOrder('views', 'likes', 'timestamp', …推荐指数
解决办法
查看次数
适用于Android的类似iPhone的导航点
我必须创建一个图像库,导航点像iPhone画廊.
看看截图.我需要这样一个小部件,看看白点:
Android中是否有可用的小部件包含导航点？如果没有,我该如何重现这种效果？
推荐指数
解决办法
查看次数
Blueimp Gallery:始终显示"blueimp-gallery-controls"或如何取消绑定点击处理程序以显示和隐藏"blueimp-gallery-controls"
使用Blueimg Gallery我想知道如何总是显示图库控件(.blueimp-gallery-controls),而不是img class=".slide-content"在图库中单击时显示和隐藏它们.
看看blueimp-gallery.min.js(我用在线JavaScript美化器进行了美化,我找到了几个点击处理程序,同时也指示了图库控件的切换功能.
toggleControls: function() {
var a = this.options.controlsClass;
this.container.hasClass(a) ? this.container.removeClass(a) : this.container.addClass(a)
},
在我看来,简单地评论这4行给了我想要的行为.但是我真的不想改变原始脚本.
这样做也会在脚本的这一部分内的Uncaught TypeError: undefined is not a function最后(this.toggleControls())处抛出错误.
f(c.toggleClass) ? (this.preventDefault(b), this.toggleControls()) : f(c.prevClass) ? (this.preventDefault(b), this.prev()) : f(c.nextClass) ? (this.preventDefault(b), this.next()) : f(c.closeClass) ? (this.preventDefault(b), this.close()) : f(c.playPauseClass) ? (this.preventDefault(b), this.toggleSlideshow()) : e === this.slidesContainer[0] ? (this.preventDefault(b), c.closeOnSlideClick ? this.close() : this.toggleControls()) : e.parentNode && e.parentNode === this.slidesContainer[0] && (this.preventDefault(b), …推荐指数
解决办法
查看次数
Modal是"记住"以前模态中的代码
设置
我有一个盒子网格(模态触发器).每个方框打开一个模态.每个模态内部都是一个非常简单的缩略图库,其中包含一个主图像和缩略图.单击缩略图会将主图像替换为自身的较大版本.
问题(这个序列中的第4步......)
(1)打开模态A,主图像显示 - 太棒了!
(2)单击模态A中的第二个拇指,主图像变为该拇指的较大版本 - 太棒了!
(3)关闭模态A - 太棒了!
(4)打开模态B,主图像不是模态B的第一个拇指,但它是模态B的第二个缩略图的较大图像 - 不是那么大!莫代尔B记得我从模态A中选择了第二个拇指,所以它显示的是模态B的第二个拇指而不是第一个拇指.
问题
我如何(以及在哪里)添加代码,以便模态"忘记"在最后一个模态中选择的内容？或者每次打开模态时重置？如果我选择模态A的第3张图像,但打开模态B并且它没有第3张缩略图,则此问题非常严重 - 因为主图像将为空白.我是否将代码应用于模态或库jquery？这让我疯狂!
MODAL PLUGIN
custombox.js
THUMBNAIL PLUGIN
simplegallery.js
JQUERY FIRE MODAL
$(document).ready(function () {
$(".modal img").not(":visible").each(function () {
$(this).data("src", this.src);
this.src = "";
});
$(".modal").each(function () {
$(this).data("sourcesAreSet", false);
});
$('.info').on('click', function (e) {
var correspondingModal = $($(this).data('href'));
if (correspondingModal.data("sourcesAreSet") == false) {
correspondingModal.find("img").each(function () {
this.src = $(this).data("src");
});
correspondingModal.data("sourcesAreSet", true);
}
Custombox.open({
target: $(this).data('href'),
effect: 'push',
speed: 500,
overlayColor: '#2C3E50', …推荐指数
解决办法
查看次数
使用Asp.Net MVC创建私人照片库
我需要创建由用户管理的照片库服务.我使用Asp.net做了一百万次,但我想知道在使用Asp.net MVC时是否需要做出任何特殊的考虑.
基本上,我将实际图像存储在文件系统上,并将位置存储在将图像链接到特定用户的数据库中.用户图库中的图像不应该被除注册用户的任何人访问.这意味着,我需要以某种方式阻止用户与不是该网站用户的人共享图库中的图像的URL.
在过去,我使用一些通用处理程序执行此操作,该处理程序验证允许请求访问图像资源.我可以使用相同的模式,但使用控制器吗？我在考虑创建一个Photo Controller,只是一个简单的Get动作.这是否需要我有一个View才能显示图像？
我是在正确的轨道上还是有更好的方法来做到这一点？(除了在DB中存储图像)
推荐指数
解决办法
查看次数
为什么在startActivityForResult之后调用oncreate方法？
在我的应用程序中,我想从中选择图像Gallery并设置图像ListView.在我的ListView I have 16 rows. So when ever item click inListView open the gallery and set the image toListView中,. But my problem is some times afterstartActivityForResult(),oncreate()`方法被调用.这是onclick代码
Intent intent = new Intent(
Intent.ACTION_PICK,
android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
intent.setType("image/*");
startActivityForResult(
Intent.createChooser(intent, "Select File"),
SELECT_PICTURE);
这是一个非常活跃的结果
public void onActivityResult(int requestcode, int resultcode, Intent data) {
Log.e("result", "result");
displayMetrics = this.getResources().getDisplayMetrics();
Ew = displayMetrics.widthPixels;
Eh = displayMetrics.heightPixels;
switch (requestcode) {
case SELECT_PICTURE:
if (resultcode == RESULT_OK) { …推荐指数
解决办法
查看次数
从图库android中的图像扫描条形码
我正在创建一个android项目,主要功能是扫描条码.
我尝试将Zxing库集成到我的项目中,并且工作正常.
但是,它似乎不支持从Android设备库中的可用图像扫描条形码.
我怎么能这样做？或与其他条码库？
请帮我.
谢谢你的所有答案.
推荐指数
解决办法
查看次数
Prefer shrinking over growing in a flex container with flex-flow: row wrap
Displaying an image gallery of different sized images and ratio with the following specs:
- No blanks (margins) between images.
- Respecting the original ratio as much as possible.
- Images surrounded by a link.
- Non-JS solution.
- Images could be cropped a bit.
- Portable solution.
- Set of images displayed is random.
- Images must be displayed from left to right (prevents using columns).
I achieved that with the following flexbox solution:
section {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
section a { …推荐指数
解决办法
查看次数
标签 统计
image-gallery ×10
android ×4
css ×2
iphone ×2
jquery ×2
angularjs ×1
asp.net-mvc ×1
blueimp ×1
flexbox ×1
html ×1
javascript ×1
modal-dialog ×1
objective-c ×1
qr-code ×1
thumbnails ×1