Jquery :: 'platform' Should Use To Develop An Online Interactive Image Map?
Nov 17, 2011
I'm trying to create a simple interactive image map where the user would be able to hover the mouse pointer over a part of the image and the setup would in turn animate/show/unhide a pop-up box (not new window!) next to the mouse pointer's current position containing text, images, &| clickable links. However, in the example, it is not an image map, but 9 small images. Each image becomes a bit larger when hovered over, and when clicked, loads the image into the right of the page. I'm looking to satisfy these criteria: I want to use an image map (HTML or other) instead of 9 small images I want the hovering action to also load the image - remove the need to click the image I want the page to be viewable & interactive from all popular viewers - desktop browsers, mobile browsers, iPads, Android tablets, etc... I'm not sure what platform (aka - mix of dev tools) to use in order to satisfy the list of criteria above. The main goal is for the last item in the list of criteria above to be satisfied. I could probably sacrifice the first or second criteria from the list above if that's what needs to be done in order to satisfy the last item. The couple of "platforms" I thought of using were: HTML + CSS jQuery + CSS Flash + Actionscript Javascript + AJAX What set of tools should I use to pull this off?
View 1 Replies
Similar Posts:
Oct 24, 2010
I need to develop a Flash-based ONLINE Image Editing tool. It will be having many features including cropping, coloring, blurring etc.
View 1 Replies
Oct 15, 2009
Our team is about to start a SAAS web application geared toward small businesses. This is a completely new experience for us; we are a system/ linux/php development organization and no experience whatsoever developing client side software except for simple html/php based CRUD support applications.We are evaluating both Adobe Flex and JQuery. We can't seem to choose between the two. Our priorities are:Productivity - We have to launch the soonest possible time.Overall User Experience - Resulting apps have to look professional and user must have pleasant experience using our product. I think this not a problem with both platform, though we will probably automatically lose 10% of potential users who don't have flash installed.Skill Reuse - We will all have to learn new language(s) and RIA platform on this project and hope we can use it again on more projects. BTW, we are a software contracting organization and this is our first foray to consumer apps. We are hoping though that we can leverage the skills we gain here for our clients.
Data-centric - Lots and lots of CRUD operations.3-tier - Business logic will reside on PHP server and data will be on the MySQL. The RIA will only present the data to the user.User accessible data will be large - This is why we decided to use RIA. We can't refresh the page when user just made few alterations/additions.Security is paramount - I don't see any security implication on choosing one platform over the other but perhaps the community has some ideas? We are carefully studying this. We frequently hold competition among developers who can implement a test app faster by using a flex or jquery. We would love to hear what the community have to say though.
View 7 Replies
Sep 28, 2011
Is there any platform/compiler for creating flex application online? Any version will work. I know some action script online compiler but not able to find any flex online compiler.
View 2 Replies
Nov 8, 2007
Now I got a project form my boss. He want a online e-magazine generator on our website. Then user can design flash page,then organize together to make a e-magazine. Actually, I have no any experience on Flash design.I am just a programmer. So could you guys/girls give some hint to start,or is there some free api/lib, open source project can meet what I want. Or is there some website has those feature?
View 0 Replies
Oct 19, 2011
The administrative portion is where our super users can either define a location as a numbers of rows, with a number of seats in each ( ie a cinema/concert lokale). The other option they have should be a much more flexible "seating" arrangement. Here we want the superuser to be able to upload an image and then draw places (ie a camping place). The user portion is either a simple page with all the rows of seats drawn or a view of the image with the drawn places overlaid. The user should then be able to choose a number of "tickets" and select places. For the fixed map, we want the tickets to be sticky (ie if you choose 3, they should be seated besides each other if possible?
View 3 Replies
Jan 6, 2010
can you tell me some great resource to study if I want to develop online games using flash technology? Including 3D games.
View 2 Replies
Mar 7, 2012
I am going to develop a very simple game for android and for iphone/ipad I have the option to develop it in cocos2d or in adobe flash air (i am not a developer, but i have 2 developers who are offering me the service)I have a developer that states that cocos2d is better and other one that states that adobe flash air.I want it in cross platform.the cost offered by both developers is the same..i have heard that adobe air has the flaw that it is very slow, is this real? if you had the 2 options which will you use to develop your game and why?
View 1 Replies
Dec 8, 2009
I need to develop a online PDF viewer in Flash that should have the options of Page navigation, Zoom, Search, print How is is possible.
View 2 Replies
Oct 23, 2011
What is the best free resource to use for the purpose of letting users view files (pdf) online without any option for them to download those files in any way? Flexpaper could be a solution but it is said here that:
Natively, FlexPaper does not protect PDFs from being printed or copied. It actually lacks options for doing so on the JavaScript front-end.However in its Commercial License (to take the branding off for 1 domain) contains a ReadOnly parameter to disable printing & copying.
N.B: I want to use php for scripting purpose.
View 3 Replies
Jun 28, 2011
I've been tasked with creating an interactive sector map that has over 200 companies plotted on it. The map would be of the UK with the location of each company plotted as a dot. On hover there will be a popup box that shows all the info for each company.
What would be the best to build this? Is there any kind of pre-built Jquery or css maps out there that I could adjust to my needs?
As a side note, I'd need to hook this up to Wordpress.
View 2 Replies
Mar 29, 2012
I've been tasked with recreating the Flash portion of this site in html/java/css:[URL]..
I'm fairly new at javascript but I know a good amount of html and css.Trying to figure out where to start. As you can tell from the flash section, this isn't a standard gallery or slider setup. The nav is overlayed on top of the slideshow and has rollover states.[URL]..
But I'm not sure how to overlay the nav controls on top of the content. Plus it wouldn't provide a decent image transition.It seems like this would be possible to recreate in a non-flash environment, I'm just not sure where to start.
View 1 Replies
Apr 13, 2010
Is there an online cheat-sheet to graphs of common tween / easing functions? I want a bookmark I can refer to when picking a function for a tween (e.g., Quintic, Quadratic, "Bounce"). The only one I can do in my head easily is linear.
View 1 Replies
Sep 28, 2010
My company want to develop an online multitouch scrumboard for our scrumteams. We are still in doubt between flex and silverlight as platform for the application. (don't want to fire a hole new flex vs. silverlight discussion again) Installation rate & platform independence are not critical to us, because it's just for teammembers and only windows 7 enables multitouch events in flash or silverlight.We would like some pros/cons specifically for this project (multitouch, rich user interface, integration with backends).[code]
View 2 Replies
Mar 12, 2012
I am trying to generate image of flash charts generated by Open Flash chart library using PHP Mysql database.
I have generated image but it's in some coding format in a div on my webpage. Something like below:
<div id="img_chart_1">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAk4AAAEsCAYAAAA1jTw5AAAli0lEQVR42u3dDdAkdX0n8Keu6s67..../ >
</div>
How can I save this image in any image extension like .png ?
I have to give a button on my page. So when user click on button I have to export this image in PGF file.
So I am trying to save this image with image extension and will give link of saved image in PDF file to show.
View 1 Replies
Apr 4, 2006
I am trying to develop a dynamic image sliding component.Although i tried to implement v2 framework but finds it difficult to handle.yet what i have created is attached.Please guys test it and give me few thoughts about it. This is the forum i like most and i learnt lot from it and thats where i wanna load my first independent work.
View 1 Replies
Aug 15, 2009
I am entirely new into flash. Never ever written even a line of action script.I am triying to develop an image editing tool to be embedded in my webpage.The key features I want in the tool are: I have a fixed background image. The user may chose to over lay text or images over the image, with resizability, etc.My questions are:
1) can I consider Flash with action script and javascript a platform for this?
2) Where do I start.
3) what all do I need to start with.
View 1 Replies
Nov 18, 2009
i need to develop an image gallery that displays images based on certain values chosen by the user. Imagine two sliders such as "gadgets" and "cars". The sliders provide values from 1 to 10. The flash movie then generates a gallery based on those provided weights. The user may want more gadgets than cars or all cars or more cars than gadgets etc. Im a tad lost as to where i should start here...XML? MYSQL? should i start swatting up on AS3?
View 13 Replies
Aug 13, 2011
What would be the best and fastest way to scale/resize an image which is injected into PHP file which is called via AJAX with use of jQuery?
So I am trying to assure the image does not bypass the width of 600px and height of 410px but I do not wish for the image to be maxing out this dimensions and look weird, it has to be displayed as it would be, but just in smaller scale.
Also if there is a way I can do this with a already existing Flash script that would be great, but I do not recall of any good ones which are as simple as one used by Google on there Picasaweb service.
View 3 Replies
Jun 4, 2009
I am building a flash based website and have a large rectangle mc that I am panning left to right that has buttons nested inside. I followed the kirupa tutorial called "interactive image panning" and everything seems to be working fine. My problem is this. I want this panned mc to be centered and framed by a black border that will also act as a mask hiding the ends of the rectangle that have not yet been panned to. When I add this black border the code thinks the stage dimensions are larger and the panning gets whacky. How can I contain this panned mc so it doesn't react to a change in the stage dimensions. it also does this when I open the published HTML in the browser. I basically want it to behave like the sample image on the first page of the "interactive image panning tutorial". There must be an easy solution.
View 4 Replies
Jan 7, 2011
I would like to load an external image to a flashwebsite.I do this using a Loader.[code]When I test the swf offline, it works. But when I put everything online and I browse to the HTML file, it doesn't load the images anymore.What do I have to do to load external images online?
View 3 Replies
Dec 29, 2006
I'm quite new in ActionScript (but I know the basics). Well anyway, I have a small problem. I'm doing this fake panorama to my site and I've used this Interactive Image Panning code I found here at kirupa.com. Now I have added some buttons into it and by pressing those I would like the image to move to a specific position (with ease if it's possible) and stop. And by pressing another button the panning starts again. Is it possible to add to this code? (I have made some little modifications to the code. There is a mask area where the panning works and if your mouse is outside the area the panning doesn't work)
View 13 Replies
Apr 3, 2007
I've been looking for a Flash component/tutorial I can use to make an interactive map. Now I've found the tutorial Interactive Image Panning here at Kirupa.
In that tut you go with the mouse to the right, and the image floats to the left...but here's the problem/question: I also want to get the image float to the bottom/top, when the mouse goes to top/bottom...
View 11 Replies
Nov 30, 2008
I went through this excellent tut, I can get this to work, but how to make it go both ways? Horizontal and Vertical? I tried, but it didn't work.
View 2 Replies
Feb 27, 2009
I am trying to achieve something like this: [URL]
I have successfully gone through and executed the Interactive Image Pan tutorial you have on here. However I am looking to add more of a sense of depth, so would like some images in the "foreground" to scroll by faster (than the background) as the cursor is moved.
To accomplish this I have made the foreground image cover a much bigger width than the background, as it makes sense to me that this would make it scroll faster, using the same code as the background.
So my question is what code do I need to add to the original code to make the foreground image scroll too? It's a MC called fg_mc. Here's the original code for quick reference:
Code:
this.onMouseMove = function() {
constrainedMove(bg_mc, 4, 1);
};
[Code]....
View 7 Replies
Oct 30, 2011
How can I fill my whole background with a big image? The photo is 1400*867 and with the solution here it fills up the width but not the height. I don't care if the photo gets cropped in order to fill up the height too.
The CSS3 way (background-size) is perfect but doesn't work in IE.
If you don't know a way with css/jquery could you direct me to a flash script where I could just enter the path of the image and let flash resize it?
View 3 Replies
Feb 17, 2012
I have a web page with an image slideshow. JQuery calls a Flex app with a list of jpg images to load and display. Can Flex load and display the first image and then continue loading the rest of the list or can Flex only do one thing at a time (i.e. load all the images and then start the slideshow)? There is a significant delay while all the images load and I need to sped up the slideshow.
View 1 Replies
Jul 31, 2009
I'm working on an online editing website. how to receive the image after the user edit it (change colours, add text) in to my email (as a PDF, JPEG, PNG,...??)?
View 2 Replies
Jun 3, 2009
I am trying to create an interactive image gallery for use on my GoDaddy.com site. The site is template based and will only accept a single standalone.swf file. As an example GoDaddy shows an image gallery created in Flash Slideshow Maker Pro. However, this is only for a PC platform and I'm on a Mac. I created an interactive image gallery using Jetphoto software. However, the Jetphoto software does not produce a single standalone .swf file. Instead it produces folders containing hi & lo jpgs, an html file, an xml file and a jetphotview.swf file. Does anyone know of a Mac based interactive slideshow program that is easy to use and will create a single .swf file? Or, although I don't know how to use it, I own a full version of Flash. Is there any way to convert the series of Jetphoto files to a single .swf file? When it is opened in Flash the save menus are grayed out. I tried to convert the .swf file back to an .fla file to bring into Flash and that doesn't work either.
View 1 Replies
Jul 10, 2008
Just downloaded the interactive image panning fla and am using the code to move swatches that are buttons...
it works only problem is that once a button is clicked it still pans the buttons around as it is a onMouseMove function.This can confuse the user as they may think it has not been clicked.So what i want is for that panning to stop once one of the panning buttons is clicked.yet still have that panning function if the original button clicked is the wrong one and the user wants to scroll through them again.
View 8 Replies
