如何open / enlarge使用jquery/js而不是数据属性在模态中创建图像？
每当用户将图像插入到内容编辑器中时,我需要它可以单击以使用js扩展为模式,因此我不能依赖用户输入他们不知道如何使用的数据属性.
我试过了:-
<a href="/myImage.png" id="pop">
<img src="/myImage.png" style="width: 400px; height: 264px;">
Click to Enlarge
</a>
jQuery :-
$("#pop").on("click", function() {
$(this).modal();
});
我是否需要向jquery添加信息以传递图像源以显示在模态中？
谢谢!!!
我不确定我哪里出错了.我正在尝试使用缩放功能使用Jquery创建一个非常简单的hover-enlarge插件.这是我的代码:
$(document).ready(function(){
$("#content img").toggle("scale",{
percent: "80%"
},0);
$('#content img').hover(function() {
$(this).css("cursor", "pointer");
$(this).toggle("scale",{
percent: "90%"
},500);
}, function() {
$(this).toggle("scale",{
percent: "80%"
},500);
});
});
这是一个小例子:http://jsfiddle.net/8ECh6/
这是页面:http://samples.zcardna.com/health.html
如果somone知道我哪里出错了那就太棒了!谢谢!
我有一组动态生成的图像（每个图像附近都有一个注释）。我想显示每个图像的最大宽度和最大高度为48像素，但是当用户将鼠标悬停在图像上时，它会增长为最大宽度和最大高度为200像素。但不要移动页面上的其他所有内容。这是生成图像的代码：
$(function(){
$.getJSON("inc/API.php",
{command : "getUserComments", userid : getQueryStringValue("userid")},
function(result)
{
for (var i = 0; i<6; i++){
$("#divUserCommentsContent").append("<div id='divUserComment'><div id='divCommentTime'>"+
result[i].commentDateAndTime+"</div><div id='divUserDetail'><div id='divUserpic'>
**<img src='images/"+result[i].imageFileName+"' class='commentpic' />**</div>
<div id='divUsername'>Comment for <a href='rank.html?imageID="+result[i].imageID+
"&imageFileName="+result[i].imageFileName+"'>"+result[i].imageHeader+
"</a></div></div><div id='divCommentText'>"+result[i].comment+"</div></div>");
}
});
});
我用2 **标记了图像。这是CSS：
.userpic, .commentpic
{
max-height:48px;
max-width:48px;
border-radius:5px;
z-index:1;
position:relative;
}
.commentpic:hover
{
max-width: 200px;
max-height: 200px;
position:relative;
z-index: 50;
}
它会放大图像，但也会在图像的右侧和图像下方移动其他所有内容。
如何使用CSS（最好是CSS）或jQuery放大图像，而又不移动其他所有内容？谢谢！
我正在尝试编写一个简单的matlab代码,用于放大图像fft.我尝试了已知的图像扩展算法,它计算图像的傅里叶变换,用零填充它并计算填充图像的逆傅立叶.然而,逆傅立叶变换返回包含复数的图像.因此,当我尝试使用显示结果时imshow,我收到以下错误:
Warning: Displaying real part of complex input.
你知道我做错了什么吗？
我的代码:
im = imread('fruit.jpg');
imFFT = fft2(im);
bigger = padarray(imFFT,[10,10]);
imEnlarged = ifft2(bigger);
谢谢!
我有一个WPF应用程序,它检查某个父目录中的新图像,如果有新图像,它会切换当前显示的图像(我有6个图像).
我想添加一个功能,允许用户点击其中一个图像,然后点击,将出现一个"新"窗口,显示图像放大,屏幕上任何地方的另一次点击将退出此放大和把焦点放回到其他(6)图像.
那可能吗？我尝试谷歌搜索,zoom image wpf但发现只有mouse-drag相关的解决方案.
我也试过使用,viewport但也没有那么好用.
更新 - XAML
<Grid Grid.Row="0">
<GroupBox x:Name="AccuracyGraphsGroupBox" Header="Accuracy" Foreground="Red">
<Grid >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="0.5*" />
<ColumnDefinition Width="0.5*" />
</Grid.ColumnDefinitions>
<Image Grid.Column="0" Width="Auto" Height="Auto" Stretch="Fill" x:Name="AccuracyPicBox" MouseUp="AccuracyPicBox_OnMouseUp"></Image>
<Image Grid.Column="1" Width="Auto" Height="Auto" Stretch="Fill" x:Name="AccuracyPerioPicBox" MouseUp="AccuracyPerioPicBox_OnMouseUp"></Image>
</Grid>
</GroupBox>
</Grid>
我正在使用Java中的图像.我有一组图像 - 比方说每个600x800像素.我将它们调整为100x100,然后在其上制作一些东西.现在我想在开始尺寸放大图像而不会丢失我的变化和像素质量.这可能吗？