Asp.net MVC Profile image control - c#

In my ASP.NET MVC site, the users need to upload profile pictures, and resize/crop and move the image until the user is satisfied (within the red border as shown here: http://imgur.com/GqeCTil)
I've stumbled upon the http://imageresizing.net/ which is very fine, but i kinda need the front UI control for the users to use.
What is the easiest way to achieve this kinda control? do i have to develop my own, or do you guys have any recommendations?

If I understood your question, I added 2 links dealing with image re-sizing:
http://www.codeproject.com/Tips/481015/Rename-Resize-Upload-Image-ASP-NET-MVC
http://www.leniel.net/2012/04/resize-img-on-fly-aspnet-webimage.html
I hope it helps, please let me know...
Update:
This link may help too (from comments) -
http://techslides.com/image-zoom-drag-and-crop-with-html5

I think better way to achieve this kinda control via javascript libraries. This pages contains demo.
Canvas and jquery example
jQuery plugin that Upload Drag & Crop Image example
I think the first one is better for your description.

Related

Treat Picture Like a Map ASP/CSHTML

I need to zoom in and out of a picture, grab it and browse different parts of it as you would a map, and set pushpins as markers to remind me of locations I found interesting. Essentially I want to perform similar functionality that bing (or google) maps provides but on a picture I have. From this tutorial : http://www.microsoft.com/web/post/using-the-bing-maps-api
I have tried swapping the source to point to the picture on my local drive but that don't work. What would be a good language / approach to take/use in solving this issue? I was trying to do this in C# first but now need to do this for a web application, please advise; newbie to Web development btw...
I am not able to understand why are you trying to view Picture as Map; zooming, clicking, dragging. But however, try to use jQuery for this.
The API that you are using, would work for Bing Maps. Its their server API and I don't think you can use that for any other work. But you can still re-write it and compile it to work for you.
The basic code or what you can say, the basic events for it would be .click() .dblclick() then you can use jQuery Draggable. These would be the basics only.
However if you are working with image. You would definitely need some other tools that would be able to let you work with Images, try SilverLight.
You mentioned Google Maps, Bing Maps, I need to clarify they use huge amount of JavaScript. To check where click was made, what is its location, where to zoom in where to zoom out. If it was me, I would have first tried to learn jQuery and JavaScript. To learn what are events, how they are used, and how I can use them in my project.
jQuery zoom is nothing or should I say, there is no such thing as a Zoom for any object in jQuery API. But this is a great site that I just found right now I hope it would be a kick start for you jQuery Zoom jacklmoore.com. For this site, you might need some plugin from the person, link is provided on that page! Go an have a look. :)
Again: Try to learn the basics first. You never know when the very basic event is needed and you are trying to use the expert level one. I hope it helps! :) Comment for any question or any objection.
Cheers.

I need suggestions on a Good example for a slide show/gallery for website

I have never written a slide show before and having trouble getting it started. I search the net for some good tutorials but I could not find one that i could use. My gallery will also have comments on it so I need it to be ajax driven. NOt sure if this is good info but I have all the pictures stored inside of an array so, it would be easier if I could find something that uses that as well. Thanks for any help.
I am using asp.net c#.
I would recommend using jQuery. They have many slider implementations that work out of the box using jQuery. Integrating them into your site is quick and painless.
Here is a resource that lists a few of them. The degree to which you can customize them varies, along with the look and feel, and features. http://designmodo.com/jquery-slider-scripts-tutorials/

How can I make a product showcase in Silverlight?

I can place a couple of buttons in Silverlight, but I'm not that experienced with the Silverlight tools and capabilities.
What do you think I should use to create something like this?
The control would have to pull and ID from the database and according to that place an image asociated with the record.
I need it to be animated with some crispy movement.
How can I achieve this?
It's all possible, but you need to break the task down into smaller steps.
Once you've done that you should find that you can solve some of these with your current knowledge, others will resolve themselves with a little more research, but there will be some you need to ask questions about here.
I'd suggest you start that break down and try to solve the little problems. Then if you get stuck come back and ask more specific questions.
Well, with Silverlight and c# you can make the animations needed and such, and you can set a Silverlight Image control with a data bound source, so it loads the images dynamically, but Silverlight can't talk with databases directly, you'll need to use a webservice to interact between Silverlight and the database. Don't know how much you know but to not leave anything out, with Expression Blend you can make the graphical part of you're app fast and easy, and with Visual Studio you'll add the code-behind and functionality.
In this link you can find a example of how to make an image slide show with Silverlight, it may not be exactly what you're looking for, but it should give you a heads start.

Can somebody help me modifying an open-source software (KeePass)?

Do you know of KeePass Password Safe 2? It's open-source and I'm trying to do some things but I've hit a dead end and can't find where the code is doing this and why it's doing it at all.
The source code is here and it's coded in C#:
http://downloads.sourceforge.net/keepass/KeePass-2.08-Source.zip
The problem is that the icons of the TreeView nodes and ListView entries are not properly rendered if the come from an alpha-blended PNG file. For instance, I created a 16x16 image and filled with a solid red color but with 50% transparency and saved it as PNG. Then added this icon to one of the TreeView nodes and KeePass displays this icon in a grayish color.
I'm not the author of this application as you know and can't post specific blocks of codes as I don't know which one might be causing the problem and like I said, I have no idea where this is coming from.
Can anybody help me out here?
EDIT:
I think I've found the issue here:
http://www.codeproject.com/KB/miscctrl/AlphaImageImagelist.aspx
I do use KeePass 2.x to store all my credentials. Haven't had a chance to look at the source code, though.
I think your question would be more suitable when asked in the KeePass forums. Maybe they're already working on a fix ? You might be also able to contribute to the development of the program.
This is more like an issue with the common controls KeePass is using rather than a problem in the KeePass code itself. A Google search turned up this page in the MSDN; there's a lot of duplicated posts but it seems to suggest that you need to set the EnableVisualStyles property on the form to get alpha transparency to work.

Paint like Feature in Web.Application?

i want to implement Ms Paint like feature in my web application in c# asp.net. like cropping coloring zooming ,color picker etc . Please tell me is there any pre build tools or application for it.Any pointers and suggestion would be much appreciated. Thanks !
you can use jquery plugin....
http://www.webresourcesdepot.com/jquery-image-crop-plugin-jcrop/
http://www.webappers.com/2008/09/12/jcrop-poweerful-image-cropping-engine-for-jquery/
If your looking for C#, your only option is Silverlight.
If you can do something other than C#, theres Adobe Flash, as well as some JavaScript. JavaScript can be limited (though I have seen some pretty nice ones) when it comes to graphics, unless you want to use the Canvas tag. The only problem with the Canvas tag and JS is that it is not fully supported in all browsers yet.

Categories

Resources