0
我正在学习制作添加照片的基本网站，并且当我添加图片时，它们是颠倒的。我不知道如何扭转它们。当我在相册中打开它们时，它们是正常的，不会颠倒过来，当我在油漆中打开照片并且没有做任何事情（因为它没有颠倒过来）时，我保存它，然后照片在网站上变得正常。 我无法修复，所以我尝试添加与jQueryReverse插件包： 流星添加jjman505：jquery旋转， 扭转图片使用下面的图片按钮，但这个选项仍然不适合我。 我不知道我做错了什么，以及如何解决问题，所以我希望你能帮助我。我想这是基本的，我一定错过了。流星JS：为什么图片是颠倒的，以及如何使onclick反向
HTML：
<body>
<div class="container">
{{> images}}
</div>
</body>
<template name="images">
<div class="row">
{{#each images}}
<div class="col-xs-12 col-md-3" id="{{_id}}">
<div class="thumbnail">
<img class="js-image" src="{{img_src}}" alt="{{img_alt}}"/>
<div class="caption">
<button class="btn btn-info js-rotate-image">rotate </button>
</div>
</div>
</div>
{{/each}}
</div>
</template>
JS：
Images= new Mongo.Collection("images");
if (Meteor.isClient){
Template.images.helpers({images:
Images.find({}, {sort:{createdOn: -1, rating: -1}})
});
Template.images.events({
'click .js-rotate-image':function(event){
var image_id = this._id;
console.log(image_id);
$("#"+image_id).rotateLeft([angle=90]);
}
});
startup.js：
if (Meteor.isServer){
Meteor.startup(function(){
if (Images.find().count() == 0){
for (var i=1;i<22;i++){
Images.insert(
{
img_src:"img_"+i+".jpg",
img_alt:"image number "+i
}
);
}
我也试过。 rotate(90)但没有工作。 我削减了代码，但是我希望在解决这个问题上我没有削减任何重要的东西。 谢谢
我无法找到jQueryReverse但语法'rotateLeft（[角= 90]）'看起来有点怪。 'rotateLeft'是否接受一个数组，你的意思是将'angle'赋值为90？ – asafreedman