I'm having a hard time debugging it and can't figure out the reason why it won't work on Opera and Safari since it does not show an error. If there was some way to catch an error I could make a fallback version for my site.
I want to develop an image uploader tool which should be able to Re-size and Read/Write the IPTC metadata in Images on the client side before uploading them.
I already know that resizing before uploading is possible using file api of HTML5. I am still trying to figure out if there is some kind of plugin/tutorial or if it is even possible to also Read/Write the IPTC metadata before uploading an image.
I have had this problems a couple of times now and have not been able to figure out what the problem is.
Sometimes when I animate an image on a website(Like in an Image gallery), the animation is very rocky and not smooth at all. I did a lot of testing, but every time i seem to find something something else comes up.
I have done tests with different dimensions of images obviously the size was also different, but
although at the bigger sized images seem to make every animation on the same page rocky, sometimes even small sized images are making it rocky.
When I opened the images in Photoshop and saved them again and put the quality setting of the jpg to 6 out of 12 all the animations have become nice and smooth.
I guess this issue could depend on the image itself namely the dimension, size, file type and the method used to create the image.
But it could also be an issue with the computer or even browser in which the site is loaded.
Please let me know of anything you know about this issue, any bits of information you might have or similar problems!
Hoping for your input!
P.S.
I made a simple jsfiddle in which a very large image. The size of the image is 13.1MB and 5120x3840px.
Once it loaded, and I click the animate button the picture animates and for me, it is very rocky.
I'm using the color animate plugin to animate some colors.
I'm animating the width on hover and using .stop() before each animation.
when i click my paragraph it animates the color of the div back and forth with a callback function to reset the background color in case .stop() freezes the color. But the callback function is not called.
I cannot click on the input fields in the middle? (is it just me?)
The scrollable element seems to be on top of them, so I tried to modify the z-index, but somehow the scrolable element gets z-index:auto when the page loads.
I have no idea what I could do. Any idea's are welcome!
I'm working on a little stand alone application in html and came across a compatibility problem.
My problem is: I don't know how I would need use jQuery or if it even works to get this result : (window.event.cancelbubble = true;) <-- this only works in Chrome + Internet Explorer
My problem in different words then above: When I click the "something else" at run time it executes both the child and the parent of the ul tag. I just want to execute what i clicked and nothing else.