我正在尝试使用Android上的图片开发图片库.
我使用了库类,但它不能做缩放.有没有像Facebook的Android应用程序的画廊的任何源代码?有什么建议吗?我对缩放和拖动图片感兴趣,可以看到下一个和之前的图片.
这个js小提琴运行没有错误或问题:
但是,当嵌入http://www.zabb.co.uk/untitled6.html时它不起作用?有什么建议吗?
编辑:
根据您的意见和建议,我们找到了解决方案,谢谢大家:
$(document).ready(function() {
$('.thumbnail2').click(function() {
src = $(this).attr('src');
if (src != $('.img').attr('src')) {
$('.img').fadeOut(250, function() {
$(this).attr('src', src).fadeIn(250);
});
}
});
});?
Run Code Online (Sandbox Code Playgroud)
确保事件工作的重要一点是将jQuery代码包装在:
$(document).ready(function() {
// ...
});?
Run Code Online (Sandbox Code Playgroud)
有关此功能的更多信息,请参阅以下链接:
介绍$(document).ready()
我有一个存储图像网址和其他数据的数据库,我想要一个图库来显示它们,但因为该网站是公共的,我可能想要删除一些图像.当用户上传图像源和标题时,它将使用自动增量唯一ID插入到数据库中.当前脚本仅在ID中添加或减去1以显示下一个或上一个图像.有没有更好的方法呢?我目前的剧本:
function image_control($id){
$next=$id+'1';
$prev=$id-'1';
$query = "SELECT MAX(id), MIN(id) FROM mp_images";
$result = mysql_query($query) or die(mysql_error());
while($row = mysql_fetch_array($result)){
$max = $row['MAX(id)']; $min = $row['MIN(id)'];
}
if($next==$max+"1"){$next=$min;} if($prev==$min-"1"){$prev=$max;}
echo "<a href='".$next."'>Next Image</a> <a href='".$prev."'>Previous Image</a>";
}
Run Code Online (Sandbox Code Playgroud)
这种失败的一个例子是ID为3,4,5,7,8的图像.
我试图为我的网站创建一个画廊,所以我使用max-height/width来调整照片大小,并且它在firefox和ie中都不起作用.我也试过溢出:隐藏,并没有解决它.你可以在我的网站上查看问题(在firefox和ie中) - http://guyzyl.org/highlights.html - ,点击任何照片查看问题.提前致谢!
我在这个网站上有一个fancybox画廊
到目前为止这是我的代码:
$(document).ready(function()
{$("a[rel=gal]").fancybox({
'transitionIn' : 'fade',
'transitionOut' : 'fade'
});});
Run Code Online (Sandbox Code Playgroud)
需要做些什么来创建一个过渡(淡入和淡出),就像在这个网站上而不是滑动?我们如何删除下一个标题?
我正在尝试使用blueimp画廊,我相信我已根据需要输入了所有代码剪辑但仍然在我点击图像时他们没有加载控制.
cat index.html
<!DOCTYPE HTML>
<html lang="en">
<head>
<link rel="stylesheet" href="css/blueimp-gallery.min.css">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script src="js/blueimp-gallery.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<script src="js/blueimp-gallery.min.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<div class="page-header">
<h1>
test <small>test</small>
</h1>
</div>
<div id="blueimp-gallery" class="blueimp-gallery">
<div class="slides"></div>
<h3 class="title"></h3>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="blueimp-gallery-display"></a>
<a class="close">×</a>
<ol class="indicator"></ol>
</div>
<script src="js/init.js"></script>
<div id="links">
<A HREF="images/photo1.jpg"> <IMG HEIGHT=50 WIDTH=50 SRC="images/photo1.jpg"></A>
<A HREF="images/photo2.jpg"> …Run Code Online (Sandbox Code Playgroud) 我有一个问题,当页面加载时,div元素变得隐藏.Chrome中的开发者工具告诉我"element.style"正在设置"display:none"
在任何地方都没有显示任何内容.我无法在任何相关的javascript文件中找到任何会隐藏元素的内容.
我完全迷失了它隐藏的原因.
我正在使用的jquery插件称为Supersized.
编辑:请随时查看我正在处理的页面:http://www.gingereventsmpls.com/gallery2.html
如果检查html,隐藏的元素位于此层次结尾:body-> div"controls-wrapper" - > div"controls" - > div"tray-button"
"#tray-button"正在显示:没有以某种方式附加到它上面.
如何读取/检索路径或Uri[]从画廊中选择多个图像?
我想称之为:
Uri[] originalUri = data.getData();
Run Code Online (Sandbox Code Playgroud)
但实际上我只得到这个,只取一个Uri:
Uri originalUri = data.getData();
Run Code Online (Sandbox Code Playgroud) 我正在使用Recyclerview来显示项目列表.现在每次都可以有一些照片/多张照片,我需要在一行中水平滚动显示.
我目前正在使用Gallery小部件来显示照片,但现在已经弃用了,所以我想要一些其他东西用于水平显示图像,具有与Gallery相同的功能.你能帮帮我吗?
非常感谢先进.
有没有办法将我的照片库的最新照片添加到uiimageview?我几乎尝试了所有东西,但没有任何作用.