Hi there. I’m new to Hype and I’m trying to use mouseovers to change from one image to another. Does one of the action functions using mouseover perform this or do I need to interject my own javascript? Any help out there will be greatly appreciated.
I'm not sure, but you might be able to use just Hype – no custom coding...
The background of the element would change based on keyframes in the timeline. The mouseover would cause the timeline to play, while actions on the timeline would pause the timeline with each image.
Would creating a textured button and modifying it do the trick?
To do that,
1st insert textured button and on normal, select Inspector>Element>Background>Fill Style> Image,
then select the image, continue doing the same for hover and pressed.
You should be good after that
Regards,
techgiant2000 Hype Pro 3.0.3, Mac OSX El Capitan
Okay gotcha. Yes, I’ll try that. Is this typically how it’s done? When the pointer moves away, I suppose I set the action to go back to the original keyframed timeline.
I’m attempting to make a web comic. I want some of the comic panels to animate (animated gifs) when there is a mouse over. All the other frames of the page will stay the same. There may be multiple mouse overs on any given page. I don’t think that’ll make a difference.
The problem with relying on MouseOvers is that mobile devices (such as iPhones / iPads) don't support Mouse Hovers. Mobile devices are an increasingly larger percentage of web traffic.
Hi there. I tried the textured button feature and it is exactly what I was hoping for. It works perfectly for my purposes. Perhaps I’ll consider a mobile device version as well.
I couldn’t remember for the life of me how to make a rollover button without resorting to timeline (or straight code). So glad I stumbled on this. For mobile I am assuming the pressed state still works. Interactivity to some degree sans rollover.
Trying to recreate this (great idea by the way) how did you add two seperate gifs for hover overs? and is the first image a still of the gif or a seperate file